切换表

Question

我是角度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">

Answer 2

<table>
<tr ng-repeat="detail in appDetails track by $index">
<div class="icon" ng-click="selectedDetail=detail"></div>
</tr>
<div ng-if="selectedDetail != null">
  <p>{{selectedDetail}}</p>
</div>
</table>


selectedDetail=null;

这可能有所帮助。