angular.js - 在flask的環境下使用angluar ng-repeat 報錯x is undefined如何解決？

Question

在flask的環境下無論是使用angluar的ng-repeat；或是vue的迴圈遍歷v-repeat，v-for；都會報這樣的錯誤，求解決辦法

<ul>
    <li ng-repeat="x in time">
    {{x.medicine}}
    </li>
</ul>

報錯訊息：

jinja2.exceptions.UndefinedError
UndefinedError: 'x' is undefined

Answer 1

是這個樣子，jinja的模板是用{{}}來輸出變數的，而angluar也是，所以當你想輸出一個變數的時候，就要考慮是誰輸出的，如果是angluar輸出，則需要對花括號轉義，將花括號輸出到html中，而不是被模板引擎過濾掉

Answer 2

http://jinja.pocoo.org/docs/dev/api/#jinja2.Environment

Answer 3

http://lorenhoward.com/blog/how-to-get-angular-to-work-with-jinja/

Answer 4

這樣寫就好了

{% raw %}
<ul>
    <li ng-repeat="x in time">
    {{x.medicine}}
    </li>
</ul>
{% endraw %}