父列表项onclick正在接管子列表项'；s onclick（AngularJS）

我有以下部分模板

  <ul>
    <li ng-repeat="a in alist" ng-click="toggleShowItems(a)">
        {{a.name}}
        <ul ng-if="a.showItems" >
            <li ng-repeat="item in a.items" ng-click="showItemDetail(item.id)"> {{item.id}}
            </li>
        </ul>
    </li>
  </ul>

{{a.name}}

{{{item.id}

---

我遇到的问题是，当我单击嵌套列表中的一项时，它会崩溃。但我真正需要的是对嵌套列表项使用不同的onclick操作。请告诉我哪里弄错了。提前感谢您的回复。

发生的事情是，单击正在dom树上冒泡。这可以通过将$event对象作为参数传递给click并在click处理程序中调用stopPropagation来停止：

视图：

控制器：

$scope.showItemDetail = function(id, $event){
    // do your stuff
    $event.stopPropagation();
};

---

发生的事情是，点击正在dom树上冒泡。这可以通过将$event对象作为参数传递给click并在click处理程序中调用stopPropagation来停止：

视图：

控制器：

$scope.showItemDetail = function(id, $event){
    // do your stuff
    $event.stopPropagation();
};

---

发生的事情是，点击正在dom树上冒泡。这可以通过将$event对象作为参数传递给click并在click处理程序中调用stopPropagation来停止：

视图：

控制器：

$scope.showItemDetail = function(id, $event){
    // do your stuff
    $event.stopPropagation();
};

---

发生的事情是，点击正在dom树上冒泡。这可以通过将$event对象作为参数传递给click并在click处理程序中调用stopPropagation来停止：

视图：

控制器：

$scope.showItemDetail = function(id, $event){
    // do your stuff
    $event.stopPropagation();
};

---

在内部单击时，只需添加

$event.stopPropagation（）

---

在内部单击时，只需添加

$event.stopPropagation（）

---

在内部单击时，只需添加

$event.stopPropagation（）

---

在内部单击时，只需添加

$event.stopPropagation（）