如果过滤后没有结果,则隐藏表头

时间:2015-03-31 17:00:49

标签: angularjs

我有table包含一些数据。我必须过滤这些数据。

在过滤数据后,没有结果时,我想显示“无结果”消息,并且有效。

但是我还想在没有结果时完全隐藏表格。

这是一个演示:

http://plnkr.co/edit/iSbr9Ij4wsX947JqAsEB?p=preview

我试过了:

<table  ng-if="results.length > 0">

但这给了我一个js错误

如果没有要显示的结果,有没有办法隐藏表格?

非常感谢

1 个答案:

答案 0 :(得分:4)

这感觉不对,但它有效:)

  <tr ng-repeat="x in accueils | filter:{annee:annee.id}  | filter:myFilter as results" ng-if="$first"> 
    <th>column1</th>
    <th>column2</th>
  </tr>

编辑这感觉更好。

<header ng-repeat-start="item in items">
  Header {{ item }}
</header>
<div class="body">
  Body {{ item }}
</div>
<footer ng-repeat-end>
  Footer {{ item }}
</footer>