AngularJS与Python烧瓶[重复]

Question

我正在使用flask来渲染索引页

app = Flask(__name__)
@app.route("/")
def main():
    return render_template('index.html')

我正在通过对烧瓶 REST API 进行的 ajax 调用发送结果。我可以使用 Jquery 构建表，但如果我使用 angularjs ng-repeat 来创建如下表

<table>
    <tr data-ng-repeat="r in regResults">
        <td>{{r.TCID}}>
    </tr>
</table>

我收到以下错误

[2018-01-30 16:50:32,833] ERROR in app: Exception on / [GET]
UndefinedError: 'r' is undefined

Answer 1

这是因为Angular 和Jinja2 使用{{}} 作为模板标签来打印变量。 Jinja2 在浏览器渲染之前处理模板（最终被 Angular 拾取）。最简单的解决方案是将块包含在{% raw %} 中，如下所示：

{% raw %}
<table>
    <tr data-ng-repeat="r in regResults">
        <td>{{r.TCID}}>
    </tr>
</table>
{% endraw %}

这告诉jinja2不要干涉模板的那个部分。

如果您发现自己的 {% raw %} 标记过多，可能是时候将前端与后端分开并通过 API 进行通信了。