javascript - 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

Per Doc

ng-click needs an Expression to evaluate upon click

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

ng-click="selectDomain(x)"