【问题标题】:Hide table header if no results after filter如果过滤后没有结果,则隐藏表头
【发布时间】:2015-03-31 17:00:48
【问题描述】:

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

当过滤数据后没有结果时,我想显示“无结果”消息,它可以工作。

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

这是一个演示:

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

我试过了:

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

但这给了我一个 js 错误

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

非常感谢

【问题讨论】:

    标签: angularjs


    【解决方案1】:

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

      <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>
    

    【讨论】:

    • 如果没有结果,我仍然可以看到表格:/
    • 好吧,我看错了。它有效,但我仍然得到一个空表,如果没有结果,就没有办法让表消失?
    • 还是不喜欢
    • 如果你有 AngularJS 表的谷歌,有一些整洁的,我想他们会这样做
    • 当我说这样做时,我的意思是做你需要的,但没有 ng-if which tbh 可能很好,只是感觉不纯?
    猜你喜欢
    • 2015-05-30
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 2023-03-29
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    相关资源
    最近更新 更多