I've been trying to utilize the startWith filter, but it seems to be operating incorrectly, especially when dealing with the letter P. Please help me identify my mistake in this scenario.
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.