不能在引號內使用角度值

Question

為什么這不起作用：

<ul class="dropdown-menu">
  <li ng-repeat="choice in dropDownItems">
    <a class="btn" ng-click="mnuClick('{{choice}}')">{{choice}}</a>
  </li>
</ul>

但這確實有效：

<ul class="dropdown-menu">
  <li ng-repeat="choice in dropDownItems">
    <a class="btn" ng-click="mnuClick('xxx')">{{choice}}</a>
  </li>
</ul>

在上面的示例中， mnuClick()例程永遠不會被調用，但在底部的示例中，它確實被調用。 當我做“檢查元素”時，一切看起來都很好。

Answer 1

它不起作用，因為你這樣做的方式是你想要為mnuClick函數提供字符串{{choice}} 。

提供xxx ，這實際上是正確的，因此您需要這里的引號。

但是當使用{{choice}} ，你不需要那個字符串，但你想要評估該表達式並將其結果（可能是一個字符串）作為參數 - 因此你不需要引號（而不是在這里，甚至是花括號。

所以寫吧

<a class="btn" ng-click="mnuClick(choice)">{{choice}}</a>

你很好:-)。

簡而言之：在一種情況下，你處理一個解析為字符串的表達式，在另一種情況下，你直接處理一個字符串。 因此有一次你不需要引號，另一次你不需要引號。

如果您想了解何時使用花括號的更詳細信息，何時需要更多詳細信息，請查看此問題的答案 ： 角度JS中雙重和單花括號之間的區別？

希望這可以幫助。

PS：在你a標簽文本中，你需要雙花括號，因為你不在這里的AngularJS控制的代碼塊中 - 因此你必須將它標記為綁定，否則它只是文本內部HTML。

Answer 2

ng-click的值被解釋為角度表達式，因此您不必使用“choice”周圍的花括號。 就像這樣寫：

<a class="btn" ng-click="mnuClick(choice)">{{choice}}</a>

Answer 3

這不行嗎？

ng-click="mnuClick(choice)"

我肯定已經做了很多次這樣的事情，但沒有代碼可以用來驗證......