如何使用基于角度js条件的多个数据进行过滤

问题描述:

我想根据来自jason的值进行过滤。如何过滤多个值。这里是我的代码。如何使用基于角度js条件的多个数据进行过滤

<div ng-click="mailType('All')">All</div> 
    <div ng-click="mailType('Messages')"> Messages</div> 
    <div ng-click="mailType('Referrals')">Referrals</div> 

    <div ng-repeat="email in inboxEmailList() | filter:{status: 'new'}">  
      <div>{{email.Date}}</div>  
      <div>{{email.type}}:{{email.subject}}</div> 
      <div>{{email.Time}}</div> 
      <div>{{email.from}}</div>  
    </div> 

这里inboxEmaillist是一种具有的Fileds JSON数据(日期,类型,时间,距离,地位[新,删除,发送],键入[留言,推荐])。当我点击 '全部' 它应该显示消息和推荐,当我点击消息时,它应该显示消息类型。如何添加此过滤器以及现有的过滤器(状态:新)?

你可以链过滤器,像这样:

<div ng-repeat="email in inboxEmailList() | filter:{status: 'new'} | filter:typeToFilter">  

您也可以你ng-click内设置typeToFilter直接。

<div ng-click="typeToFilter = {}">All</div> 
<div ng-click="typeToFilter = {type: 'Messages'}"> Messages</div> 
<div ng-click="typeToFilter = {type: 'Referrals'}">Referrals</div> 
+0

非常感谢您的快速响应,它解决了我的问题。它运作良好。非常感谢。 – hanu

+0

是否有任何标签在角js突出显示标签,当我们点击该项目。在我的例子中,当我点击所有它应该higlight.how与角标签做到这一点? – hanu