filter through array of objects in ng-repeat angular.js

Question

I am trying to filter an array (list) of repeated objects, based on the value of one of the property. However I keep getting [filter: not array] error. Screenshot of the error: angular error message

I have also tried adding this angular toArrayFIlter injector https://github.com/petebacondarwin/angular-toArrayFilter however, the error still pops out.

Any help is much appreciated!

My array:

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>

Remove track by $index.

JB Nizet
– JB Nizet

2017-11-12 19:14:46 +00:00
Commented Nov 12, 2017 at 19:14 — JB Nizet
– JB Nizet, Commented Nov 12, 2017 at 19:14

Sven Tschui · Accepted Answer · 2017-11-12 19:14:45Z

1

You'll need to filter the array before iterating it, like this:

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

answered Nov 12, 2017 at 19:14

Sven Tschui

1,44511 silver badges21 bronze badges

Sign up to request clarification or add additional context in comments.

Collectives™ on Stack Overflow

filter through array of objects in ng-repeat angular.js

1 Answer 1

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Your Answer

Sign up or log in

Post as a guest

Related