Search from list using angularjs

        An array have list of n number items is available in a array object. This object will listout using ng-repeat to list items. We take sample example for counties, we have list item show in the DOM pages. This item is have all counties, i want specific country is available from the list to check using angular filter concept. Filter is apply to search a specific country from the list.

        This fetch ng-repeat filter concept using angular, this is fetch a corresponding scope of array object only. This happen DOM itself, no need to write logic from.

HTML:

   <div ng-app="searchApp">
<div ng-controller="searchCtrl">
    Search : <input type="text" ng-model="search"/>
    <ul ng-repeat="country in countries | filter:search">
        <li>{{country.name}}</li>
    </ul>
    <p ng-show="(countries | filter:search).length==0"> No search result</p>
</div>
</div>

Angular :

var app = angular.module("searchApp",[]);
app.controller("searchCtrl", function($scope){
    $scope.countries = [{id:1, name: "Afghanistan"},
                        {id:2, name: "Albania"},
                        {id:3, name: "Algeria "},
                        {id:4, name: "American Samoa "},
                        {id:5, name: "Andorra "},
                        {id:6, name: "Angola "},
                        {id:7, name: "Anguilla "},
                        {id:8, name: "Antigua & Barbuda "},
                        {id:9, name: "Argentina "},
                        {id:10, name: "Armenia "},
                        {id:11, name: "Aruba "},
                        {id:12, name: "Australia "},
                        {id:13, name: "Austria "},
                        {id:14, name: "Azerbaijan "},
                        {id:15, name: "Bahamas, The "},
                        {id:16, name: "Bahrain "}];

});

Result:

Demo