javascript - 在表的行之间切换

Question

我是 angular js(1.5) 的新手。 我有一个动态生成的表。我必须为第一列中的每一行附加一个向下箭头，并且根据所选箭头，与所选行对应的数据应显示在 div 中。 我可以切换，即单击箭头将打开 div，再单击一次将关闭它。但是单击第一行箭头的箭头后，将获取所有行的详细信息。请帮助。

我已尝试链接所选行的索引以获取详细信息。

html文件

<div>application
    <span class="glyphicon glyphicon-menu-down" data-toggle="collapse" ng-class="{'selected': $index == selectedRow}"
        ng-click="showAppDetails($index)"></span>
</div>

<div ng-if="selectedRow == index" ng-hide="!IsHidden">
    <p> hellop</p>
</div>

Controller .js

 $scope.IsHidden = false;
 $scope.selectedRow = null;
 $scope.showAppDetails= function(index){
     $scope.selectedRow = index;
      $scope.IsHidden = $scope.IsHidden ? false : true;

Answer 1

使用这个

<div ng-if="selectedRow == $index" ng-hide ="!IsHidden">