1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
<!doctype html>
< html  ng-app = "dynamicTemplate" >
< head >
     < script  src = "jslib/angular.js" ></ script >
     < script  type = "text/javascript" >
     angular.module('dynamicTemplate', []).controller('PhoneListCtrl',function($scope) {
         $scope.phones = [
             {
                 "name": "Nexus S",
                 "snippet": "Fast just got faster with Nexus S."
             },
             {
                 "name": "Motorola XOOM with Wi-Fi",
                 "snippet": "The Next, Next Generation tablet."
             },
             {
                 "name": "MOTOROLA XOOM",
                 "snippet": "The Next, Next Generation tablet."
             }
         ];
     });
     </ script >
</ head >
< body >
     Search: < input  ng-model = "query" >
 
     < div  ng-controller = "PhoneListCtrl" >
         < ul >
             < li  ng-repeat = "phone in phones|filter:query" >
                 `phone`.`name`
                 < p >`phone`.`snippet`</ p >
             </ li >
         </ ul >
     </ div >
</ body >
</ html >