javascript - Flask/jinja 发送数组到 javascript

Question

我有以下代码

main.py:

@app.route("/admin")
def admin_panel():
    resources = [{'id': '302', 'title': 'Participant 302'}]
    events = []
    return render_template("admin.html", admin_resources=resources, admin_events=events)

在相应的html的head中:

admin.html

$(function() {//文档准备就绪

$('#calendar').fullCalendar({
  today: "12-18-18",
  editable: true, // enable draggable events
  aspectRatio: 1.8,
  scrollTime: '00:00', // undo default 6am scrollTime
  header: {
    left: 'today,prev,next',
    center: 'title',
    right: 'timelineDay,timelineThreeDays,agendaWeek'
  },
  defaultView: 'timelineThreeDays',
  resourceLabelText: 'Participants',

  resources: {{admin_resources}},
  events: {{ admin_events}}
});

});

我收到异常，因为资源数组中的引号正在编码。当我尝试 {{admin_resources |我收到一条错误消息，指出 tojson 返回 None。

我很困惑如何解决引号被编码的问题以及为什么{{admin_resources | tojson}} 返回 None。

有什么想法吗？感谢您的任何建议!

如果我这样做，我会注意到{{admin_resources |安全}} json 似乎编码正确；但是，即使我在 html 中看到 json 数组，我也会收到以下错误:

Uncaught TypeError: Cannot read property 'resources' of undefined
    at t.n.Calendar.instantiateView (scheduler.min.js:8)
    at t.renderView (fullcalendar.min.js:10)
    at t.initialRender (fullcalendar.min.js:10)
    at t.render (fullcalendar.min.js:10)
    at HTMLDivElement.<anonymous> (fullcalendar.min.js:11)
    at Function.each (jquery.min.js:2)
    at w.fn.init.each (jquery.min.js:2)
    at w.fn.init.i.fn.fullCalendar (fullcalendar.min.js:11)
    at HTMLDocument.<anonymous> (admin:29)
    at l (jquery.min.js:2)

Answer 1

需要进行 2 项更改:

1. 日历中今天的日期不能是“12-18-18”。需要输入正确的格式:'2018-12-18'
2. 需要使用安全的方式进行变量访问。 {{管理资源|安全}}