Angularjs 在角度视图中切换可见性

我正在尝试在角度视图中切换div的可见性 我的看法是：

<div ng-repeat="item in data  | orderBy:'address' | groupBy:'address'" >
    <h5 onclick="toggle_visibility('item1');">{{item.address}}</h5>
      <div id="item1">
           <ul>
               <li>First Name: {{item.firstname}}  </li>
           </ul>
      </div>

问题在于，当我单击任何地址标题时，它会在第一个标题中隐藏或显示名字，而当我单击地址标题时，它会在我单击的地址标题中显示或隐藏名字。如何修复此问题？

Html

<div ng-repeat="item in data  | orderBy:'address' | groupBy:'address'" >
    <h5 ng-click="toggle_visibility(item);">{{item.address}}</h5>
      <div ng-hide="item.invisible">
           <ul>
               <li>First Name: {{item.firstname}}  </li>
           </ul>
      </div>

---

向数组添加其他布尔属性，并将该属性指定给ng hide。然后在函数内部单击更改该属性的布尔值

角度模块（“应用程序”，[]） .controller（“ctrl”，函数（$scope）{ $scope.data=[ { 名字：“用户”， 地址：“地址1”， 隐藏的衣服：假的 }, { 名字：“user1”， 地址：“地址2”， 隐藏的衣服：假的 }, { 名字：“user2”， 地址：“地址3”， 隐藏的衣服：假的 } ]; $scope.toggle_visibility=功能（项目）{ item.hideAddress=！item.hideAddress； } })

{{item.address}

名字：{{item.firstname}

您应该在菜单中使用ng click而不是onclickhtml@Gaurav它起作用了！谢谢但为什么groupBy不起作用呢？它没有在同一组中提供相同的地址？看到这个@Gaurav我投了票，它只是没有出现，因为它说我的声誉不到15，所以它不共享publiclyOk，没问题@ITDeveloper

<div ng-repeat="item in data  | orderBy:'address' | groupBy:'address'" >
    <h5 ng-click="toggle_visibility(item);">{{item.address}}</h5>
      <div ng-hide="item.invisible">
           <ul>
               <li>First Name: {{item.firstname}}  </li>
           </ul>
      </div>

$scope.toggle_visibility = function(item) {
    item.invisible = !item.invisible
}