2015-09-16 41 views
0

如果我有我的controller類似:爲什麼會NG-綁定工作,其中{{}}不是

 
... 
$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

它應該工作... [** plnkr演示**](http://plnkr.co/edit/J9EW5dUvF8zuAeMAVWX8?p =預覽)。它必須是別的東西沒有顯示正在發生。 –

+0

謝謝,@NewDev!我甚至沒有想過在沙箱中進行理智檢查。一旦我找到罪魁禍首,我會更新這個問題和/或回答它。 – Jesse

+0

最佳做法是始終綁定到對象的屬性,或者換句話說[始終使用點](http://stackoverflow.com/q/17606936/4320665) – ryanyuyu

回答

2

如果您使用另一個將解析Angular模板的Web框架(即Django),請確保指示解析器保留Angular表達式原樣。

在Django中你只是在包裝標籤verbatim代碼:

 
... 
{% verbatim %} 

    {{angularExpressions}} 

{% endverbatim %} 
...