startWith filter with object in AngularJS

Question

I am trying to work with startWith filter but it is not filtering the data correctly, like in case of P. Let me know what I am doing wrong here.

Controller code -

var app = angular.module('filterSample', []); app.controller('filterCtrl', function ($scope) {

$scope.data = {
    messages: [
        {       
        "id":"111619EEVz",
        "name":"Tom 67",
        "status":"Pending"
        },
        {
            "id":"115419EEAA",
            "name":"Business 34",
            "status":"Pending"
        },
        {   
            "id":"1B167000WW",
            "name":"Jack 78",
            "status":"Active",
        }
    ]
  }

  $scope.startsWith = function (actual, expected) {
    var lowerStr = (actual + "").toLowerCase();
    return lowerStr.indexOf(expected.toLowerCase()) === 0;
  }
});

HTML -

<div ng-controller="filterCtrl">
      <input type="text" ng-model="search" />
        <ul border="1px" ng-repeat="msg in data.messages | filter:search:startsWith">
          <li>{{msg.name}}</li>
        </ul>
    </div>

Working Plnkr - http://plnkr.co/edit/tByYZ3jpEk7YPpJnMY11?p=preview

Edit 1 -

Filtering should be like it should only search in name property rather than searching in whole object.

Dhiren · Accepted Answer · 2016-03-08 14:03:11Z

2

change ng-model to search.name

<div ng-controller="filterCtrl">
  <input type="text" ng-model="search.name" />
    <ul border="1px" ng-repeat="msg in data.messages | filter:search:startsWith">
      <li>{{msg.name}}</li>
    </ul>
</div>

answered Mar 8, 2016 at 14:03

Dhiren

6026 silver badges16 bronze badges

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

2 Comments

Nesh Over a year ago

Thx a lot, its working now..btw can you please explain about the behavior :)

Dhiren Over a year ago

Please mark this as an answer. docs.angularjs.org/api/ng/filter/filter. Check the example there.

Collectives™ on Stack Overflow

startWith filter with object in AngularJS

1 Answer 1

2 Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

2 Comments

Your Answer

Sign up or log in

Post as a guest

Related