If you want Flipkart-like search use this. I have used the above jsfiddle code and modified it:
HTML:
If you want flipkart like search use this - I have used above jsfiddle code and modified it.
**html -**
<div ng-app="myapp" ng-controller="myctrl">
<input type="text" ng-model="filter_text">
<ul>
<li ng-repeat="item in items | myfilter:filter_text">
{{item}}
</li>
</ul>
</div>
**Filter.js**
Filter.js:
angular.module('myapp', []).filter('myfilter', function($filter){
return function(input, text){
var filteredArray=[];
var filteredArray1=[];
var filteredArray2=[];
filteredArray = $filter('filter')(input,text);
for(var k=0;k<filteredArray.length; k++){
if (filteredArray[k].match("^"+text)) {
filteredArray1.push(filteredArray[k]);
}else{
filteredArray2.push(filteredArray[k]);
}
}
return filteredArray1.concat(filteredArray2)
};
});
**Controller.js**
Controller.js:
function myctrl($scope){
$scope.filter_text = 'a';
$scope.items = [
'abc',
'bca',
'baby ama',
'amazon','zon','zoom'
];
}