过滤ng-repeat angular.js中的对象数组

时间:2017-11-12 19:11:51

标签: angularjs angularjs-ng-repeat ng-filter

我正在尝试根据其中一个属性的值过滤重复对象的数组(列表)。但是我一直收到[filter: not array]错误。错误的屏幕截图: angular error message

我也尝试将此角度添加到ArrayFllter进样器https://github.com/petebacondarwin/angular-toArrayFilter但是,错误仍然会弹出。

非常感谢任何帮助!

我的阵列:

var orders = [
{
  "assignedBy": "system",
  "serviceDate":"2017-11-13",
  "serviceStartTime":"04:00 PM"
},
{
  "assignedBy": "system",
  "serviceDate":"2017-11-13",
  "serviceStartTime":"07:00 AM"
}];

HTML

<ul ng-repeat="task in orders  track by $index | filter: { serviceStartTime: '04:00 PM' }">  
  <li >
    <p>{{task.serviceDate}}</p>
    <p>{{task.serviceStartTime}}</p>
  </li>
</ul>

1 个答案:

答案 0 :(得分:1)

在迭代之前你需要过滤数组,如下所示:

<ul ng-repeat="task in (orders | filter: { serviceStartTime: '04:00 PM' }) track by $index ">