The input filter can be added to the directive with a pipe character and a filter followed by a colon: the colon is followed by a model name.
<! DOCTYPE html>
<meta http-equiv= "Content-type" content= "text/html; Charset=utf-8 "/>
<meta http-equiv= "x-ua-compatible" content= "Ie=edeg"/>
<meta name= "viewport" content= "width=device-width,initial-scale=1"/>
<!--[If Lt IE 9]>
<script src= "Http://apps.bdimg.com/libs/html5shiv/3.7/html5shiv.min.js" ></script>
<script src= "Http://apps.bdimg.com/libs/respond.js/1.4.2/respond.js" ></script>
<! [endif]-->
<title></title>
<meta charset= "Utf-8"/>
<link rel= "stylesheet" href= "Bootstrap-3.3.5/dist/css/bootstrap.min.css"/>
<body>
<div class= "Container" >
<div data-ng-app= "myApp" data-ng-controller= "Namesctrl" >
<input type= "text" data-ng-model= "test"/>
<ul>
<li data-ng-repeat= "x in Names | Filter:test | By: ' Name ' > <!--filter to select a subset from the array--
{{x.name+ "" +x.age}}
</li>
</ul>
</div>
</div>
<script src= "Jquery/jquery-2.1.4.js" ></script>
<script src= "Bootstrap-3.3.5/dist/js/bootstrap.min.js" ></script>
<script src= "Http://apps.bdimg.com/libs/angular.js/1.4.6/angular.min.js" ></script>
<script src= "Js/namesctrl.js" >
</script>
</body>
Filter filter Select a subset from the array