Question

这是一个非常简单的问题。我在每个列表元素上都有一个带有图标的列表，当我单击我要调用一个函数的实际列表元素时，当我单击要调用另一个函数的图标时。目前，当我点击图标时，它正在调用这两个函数。

e.g <li ng-click="ctrl.foo()"><i ng-click="ctrl.bar()"></i><li>

当它应该只调用ctrl.bar（）时，它会调用ctrl.foo（）和ctrl.bar（）。

Answer 1

如果您将ng-click属性赋予＆lt; li＆gt; element，它适用于其中的所有元素。如果你想要像text-icon这样的东西并将它们的功能分开，你可以使用类似的东西

<li><span ng-click="foo()">Text</span> <i ng-click="bar()"></i> </li>