Javascript 如何仅为目标子元素触发父ng click事件

在触发第二行ng if=“showSubCat”事件的第一行中有一个单击事件ng click=“$ctrl.toggleSub（state）”。这会在单击时显示第二行

问题是，它导致所有ng repeat选项都出现，而我只单击了一个

例如，我得到：
家长
-儿童
-儿童
家长
-儿童
-孩子

我希望它的行为如下：
家长
-儿童
-儿童
母公司

我只希望单击的ng repeat选项相应展开。我试着通过了状态对象，但没有任何运气。任何帮助都将不胜感激

toggleSub（状态）{
此.$log.log（状态）
this.$scope.showSubCat=！this.$scope.showSubCat
}

{{state.name}
-
{{state.totalCount}
{{subcat.subcategory}
{{subcat.count}
{{subcat.percentage}

使

showSubCat

布尔值成为

状态

迭代对象的属性：

  toggleSub(state) {
    this.$log.log(state)
    //this.$scope.showSubCat = !this.$scope.showSubCat
    state.showSubCat = ! state.showSubCat;
  }

{{state.name}
-
{{state.totalCount}
{{subcat.subcategory}
{{subcat.count}
{{subcat.percentage}

---

通过使

状态

迭代对象的

showSubCat

布尔部分不同，父

ng repeat

中的每个项都会不同，使

showSubCat

布尔成为

状态

迭代对象的属性：

  toggleSub(state) {
    this.$log.log(state)
    //this.$scope.showSubCat = !this.$scope.showSubCat
    state.showSubCat = ! state.showSubCat;
  }

{{state.name}
-
{{state.totalCount}
{{subcat.subcategory}
{{subcat.count}
{{subcat.percentage}

通过使

state

iteration对象的

showSubCat

布尔部分，父

ng repeat

中的每个项都将不同