在子元素中覆盖父 ng-click

overriding parent ng-click in child element

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

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

当前调用 ctrl.foo() 和 ctrl.bar() 而它应该调用 ctrl.bar()。

如果将 ng-click 属性赋予

  • 元素,它将应用于其中的所有元素。如果你想要文本图标之类的东西并将它们的功能分开,你可以使用类似的东西

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