使用ng-class（AngularJS）搜索JSON对象

我在控制器中定义了两个JSON对象（NotificationsController）。一个包含所有通知，另一个包含最新通知的标识（最近3天）。使用ng-class（AngularJS）搜索JSON对象

格式对象的 “通知”：对象 “最新通知”（t_notifications）

[{"0":"1","1":"4","2":"14-APR-16","3":"ALERT 1","ID":"1","ID_USER":"4","DATE":"14-APR-16","NOTIFICATION":"ALERT 1!"},{"0":"2","1":"1","2":"07-APR-16","3":"ALERT 2!","ID":"2","ID_USER":"1","DATE":"07-APR-16","NOTIFICATION":"ALERT 2!"},{"0":"3","1":"1","2":"13-APR-16","3":"ALERT 3!","ID":"3","ID_USER":"1","DATE":"13-APR-16","NOTIFICATION":"ALERT 3!"}]

格式：（newest_notifications）

[{"0":"1","ID_NEWNOTIF":"1"},{"0":"3","ID_NEWNOTIF":"3"}]

我显示所有通知如下：

<div class="panel-body" ng-controller="NotificationsCtrl"> 
<table datatable="ng" class="row-border hover"> 
    <thead> 
    <tr> 
     <th><b>ID</b>&nbsp;</th> 
     <th><b>ID_USER</b>&nbsp;</th> 
     <th><b>DATE</b>&nbsp;</th> 
     <th><b>NOTIFICATION</b>&nbsp;</th> 
    </tr> 
    </thead> 
    <tbody> 
    <tr ng-repeat="data in t_notifications" ng-class="{selected: data.ID == **TO COMPLETE**> 
     <td>{{ data.ID }}</td> 
     <td>{{ data.ID_USER }}</td> 
     <td>{{ data.DATE }}</td> 
     <td>{{ data.NOTIFICATION }}</td> 
    </tr> 
    </tbody> 
</table> 
</div>

我想知道如何才能在我的表中选择最新的通知 - 搜索通过JSON对象newest_notifications - 与ng类？

PS：“已选择”已用蓝色背景色定义。

来源

2016-04-14 Ariana

只需使用一个严格filter

... ng-class="{'selected': (newest_notifications | filter : { ID_NEWNOTIF: data.ID } : true).length !== 0 }"

小提琴 - https://jsfiddle.net/dyxf5xqj/

来源

2016-04-14 12:14:49 potatopeelings

谢谢：D它的工作完美！ – Ariana

太好了。干杯! – potatopeelings

您可以使用针对的表达式。例如

<tr ng-repeat="data in t_notifications" ng-class="{selected: data.DATE > someDateInThePast}">

来源

2016-04-14 12:09:18

谢谢您的回答，但我不能完成这样的任务的方式。我必须通过比较ID来搜索对象。 – Ariana

使用ng-class（AngularJS）搜索JSON对象

回答

相关问题