为什么ng-bind工作,{{}}不是

时间:2015-09-16 21:07:28

标签: angularjs django

如果我有controller之类的内容:

...
 $scope.arr = ["orange", "apple", "pear"];
...

为什么以下工作:

...
<li data-ng-repeat="item in arr">
  <span data-ng-bind="item"></span>
</li>
...

输出(如预期):

  • 苹果

这个工作:

...
<li data-ng-repeat="item in arr">
  <span>{{item}}</span>
</li>
...

输出:

根据documentation,它们应该都一样,不是吗?

修改

看起来像does work。可能导致此类行为的任何常见问题?

编辑2

想出来(下面的解决方案)。关键因素是我起诉Django

1 个答案:

答案 0 :(得分:2)

如果您正在使用另一个将解析Angular模板的Web框架(即Django),请确保指示解析器保留Angular表达式。

在Django中,您只需将代码包装在verbatim标记中:

...
{% verbatim %}

  {{angularExpressions}}

{% endverbatim %}
...