Question

以下是设置代码的方式：

<a class="list-group-item" data-ng-click="displayProject()">
    <span class="icon" data-ng-click="showChildren()"><i class="icon ion-android-arrow-dropdown"></i>&nbsp;</span>
    <span class="icon"><i class="icon ion-folder"></i></span>
    <span data-ng-bind="project.name"></span>
</a>

正如您所看到的，我将所有内容都包含在<a>标记中，并且上面有ng-click个事件。基本上它会在另一个视图中显示所选项目。

在<a>内，我有一个带有另一个ng-click事件的图标，在这种情况下，会显示特定项目的子项。

当然，如果我点击图标，则会调用displayProject()事件。

点击图标后如何取消/使用preventDefault标记上的<a>？

谢谢！

Answer 1

您可以通过将$event传递给ng-click回调来访问活动。

<span class="icon" data-ng-click="showChildren($event)"><i class="icon ion-android-arrow-dropdown"></i>&nbsp;</span>

并在showChildren方法中：

$event.preventDefault();

控制<a></a>内部项目的preventDefault

1 个答案: