如何知道表行是否被扩展

时间:2015-07-07 15:17:22

标签: html angularjs twitter-bootstrap

我正在使用带有可扩展行的角度引导程序表,我想知道该行是否已扩展,该怎么做?

以下是我的代码

<tr data-toggle="collapse"
    data-target="#extend1">
</tr>
<tr>
    <div id="extend1" class="accordian-body collapse"></div>
</tr>

1 个答案:

答案 0 :(得分:0)

<tr data-toggle="collapse" data-target="#extend1" ng-click="isExtended ? isExtended = false : isExtended = true"></tr>
<tr>
  <div id="extend1" class="accordian-body collapse" ng-show="isExtended"></div>
</tr>

然后,您可以通过$scope.isExtendedisExtended查看是否在您的前端进行检查。

要在ng-repeat中使用,请注意您需要将tr包含在ng-repeat范围内以适用于扩展行。

<div ng-repeat="row in table">
  <tr data-toggle="collapse" data-target="#extend1" ng-click="row.isExtended ? row.isExtended = false : row.isExtended = true"></tr>
  <tr>
    <div id="extend1" class="accordian-body collapse" ng-show="row.isExtended"></div>
  </tr>
</div>