ng-repeat仅适用于尖括号("<>")之外的变量{{x}}？

Question

我是angularJS的新手.在我尝试的时候ng-repeat,我在代码中发现了一个问题(如下所示)

<ul class="dropdown-menu" role="menu" ng-init="names=findDomains()">
<li><a style="cursor:pointer" ng-repeat="x in names" ng-click="selectDomain({{ x }})">{{ x }}</a></li>
</ul>

我的想法是,我的页面上有一个下拉菜单(例如名称为"test").单击时,将显示选择,选项将显示为内容<li></li>.所有选项都按函数返回findDomains()并初始化ng-init.

当选择特定选项(内容<li></li>)时(例如,名称为"opt1"),下拉菜单的文本将使用选项名称更新("opt1"替换"test").这是通过功能实现的selectDomain()

由于显示和调用相同的内容selectDomain(),我放了两个{{x}}调用ng-repeat,希望显示相同的选项调用selectDomain().

然而,一切似乎工作正常(findDomains(),ng-repeat而第二{{x}}外<a></a>).但{{x}}内部<a></a>不能正常工作.单击选项时,下拉菜单名称不会更新.

但是selectDomain()功能很好,因为它可以用纯文本(例如ng-click="selectDomain('opt1'))工作.

任何指导？

Answer 1

每个文件

ng-click 需要一个表达式来评估点击

不需要使用插值,ng-click不应该使用{{}}插值指令,它们可以直接访问其中的范围变量.

ng-click="selectDomain(x)"