Question

我有以下两个标签和ng-repeat，它显示表格中的数据。

<div class="details-table">
<ul class="table-toggle">
   <li ng-class="{active: activeTab == 'personal'}"><a href="#" ng-click="setActiveTab('personal')" class="">Personal</a></li>
   <li ng-class="{active: activeTab == 'professional'}"><a href="#" ng-click="setActiveTab('professional')" class="" >Professional</a></li>
</ul>
<div class="scrollable-table-box">
    <table>
          //rest of the code here.......
         <tr ng-repeat="item in pagedItems[currentPage] | filter:item.usertype = (activeTab == 'Personal' ? 'Personal': 'Professional')">
         // rest of the code here........
    </table>
 </div>

当用户点击个人标签时，已经过滤的列表的pagedItems应该通过item.usertype ==＆＃34; personal＆＃34;进一步过滤。同样，当点击专业标签时，应该通过item.usertype ==＆＃34; professional＆＃34;进一步过滤。我想这样做的原因是原始集合pagedItems（使用前面的搜索输入过滤）将始终相同，并且仅基于数据被过滤以在ui中显示的选项卡。

我尝试通过在每个标签的ng_click（）中添加另一级过滤器来实现此功能。但是这种方式要么我需要维护一个额外的变量，要么覆盖相同的变量，这对我来说看起来不是一个优雅的解决方案。

是否可以使用ng指令过滤器从html执行相同的操作？

我们是否仍然可以根据Angular js

0 个答案: