Angular Material md-data-table 可折叠行

【问题标题】：Angular Material md-data-table collapsible rowsAngular Material md-data-table 可折叠行
【发布时间】：2017-01-26 16:01:37
【问题描述】：

有没有办法让行展开以显示更多信息。使用某种类型的指令或者可以与角度材料数据表一起使用的库？

【问题讨论】：

ngIf, ngShow
谢谢，这样做是不是最好的办法？
你有这方面的例子吗？由于它是一个 ng-repeat 它同时扩展所有行

标签： angularjs angular-material

【解决方案1】：

从你的 cmets 来看，我猜你正在使用 ng-repeat 类似的东西：

<tr ng-repeat="i in items">
    <td>{{i.firstname}}</td>
    <td>{{i.lastname}}</td>
</tr>

您可以使用ng-repeat-start 和ng-repeat-end 如下：

<tr ng-repeat-start="i in items" ng-click="selected = $index">
  <td>{{i.firstname}}</td>
  <td>{{i.lastname}}</td>
</tr>
<tr ng-repeat-end ng-if="selected == $index">
  <td colspan="2">More infos!</td>
</tr>

Here is a JSFiddle demo

【讨论】：