diff options
| author | Igor Minar | 2012-03-19 09:37:32 -0700 |
|---|---|---|
| committer | Igor Minar | 2012-03-20 11:07:35 -0700 |
| commit | 64fb1f262028679b7eb1760bb38f9b1e4003d8e7 (patch) | |
| tree | ce01369d8e54d18338e50ce36311486df76e7baf /src/service | |
| parent | f49eaf8bf2df5f4e0e82d6c89e849a4f82c8d414 (diff) | |
| download | angular.js-64fb1f262028679b7eb1760bb38f9b1e4003d8e7.tar.bz2 | |
docs(filters): use ng-model-instant in live examples
Closes #807
Diffstat (limited to 'src/service')
| -rw-r--r-- | src/service/filter/filter.js | 8 | ||||
| -rw-r--r-- | src/service/filter/filters.js | 22 |
2 files changed, 15 insertions, 15 deletions
diff --git a/src/service/filter/filter.js b/src/service/filter/filter.js index 9a62b484..008897a1 100644 --- a/src/service/filter/filter.js +++ b/src/service/filter/filter.js @@ -41,7 +41,7 @@ {name:'Adam', phone:'555-5678'}, {name:'Julie', phone:'555-8765'}]"></div> - Search: <input ng-model="searchText"/> + Search: <input ng-model="searchText" ng-model-instant> <table id="searchTextResults"> <tr><th>Name</th><th>Phone</th><tr> <tr ng-repeat="friend in friends | filter:searchText"> @@ -50,9 +50,9 @@ <tr> </table> <hr> - Any: <input ng-model="search.$"/> <br> - Name only <input ng-model="search.name"/><br> - Phone only <input ng-model="search.phone"/><br> + Any: <input ng-model="search.$" ng-model-instant> <br> + Name only <input ng-model="search.name" ng-model-instant><br> + Phone only <input ng-model="search.phone" ng-model-instant><br> <table id="searchObjResults"> <tr><th>Name</th><th>Phone</th><tr> <tr ng-repeat="friend in friends | filter:search"> diff --git a/src/service/filter/filters.js b/src/service/filter/filters.js index bf09265b..078c54fc 100644 --- a/src/service/filter/filters.js +++ b/src/service/filter/filters.js @@ -23,8 +23,8 @@ } </script> <div ng-controller="Ctrl"> - <input type="number" ng-model="amount"/> <br/> - default currency symbol ($): {{amount | currency}}<br/> + <input type="number" ng-model="amount" ng-model-instant> <br> + default currency symbol ($): {{amount | currency}}<br> custom currency identifier (USD$): {{amount | currency:"USD$"}} </div> </doc:source> @@ -74,9 +74,9 @@ function currencyFilter($locale) { } </script> <div ng-controller="Ctrl"> - Enter number: <input ng-model='val'><br/> - Default formatting: {{val | number}}<br/> - No fractions: {{val | number:0}}<br/> + Enter number: <input ng-model='val' ng-model-instant><br> + Default formatting: {{val | number}}<br> + No fractions: {{val | number:0}}<br> Negative number: {{-val | number:4}} </div> </doc:source> @@ -297,11 +297,11 @@ var DATE_FORMATS_SPLIT = /((?:[^yMdHhmsaZE']+)|(?:'(?:[^']|'')*')|(?:E+|y+|M+|d+ <doc:example> <doc:source> <span ng-non-bindable>{{1288323623006 | date:'medium'}}</span>: - {{1288323623006 | date:'medium'}}<br/> + {{1288323623006 | date:'medium'}}<br> <span ng-non-bindable>{{1288323623006 | date:'yyyy-MM-dd HH:mm:ss Z'}}</span>: - {{1288323623006 | date:'yyyy-MM-dd HH:mm:ss Z'}}<br/> + {{1288323623006 | date:'yyyy-MM-dd HH:mm:ss Z'}}<br> <span ng-non-bindable>{{1288323623006 | date:'MM/dd/yyyy @ h:mma'}}</span>: - {{'1288323623006' | date:'MM/dd/yyyy @ h:mma'}}<br/> + {{'1288323623006' | date:'MM/dd/yyyy @ h:mma'}}<br> </doc:source> <doc:scenario> it('should format date', function() { @@ -446,7 +446,7 @@ var uppercaseFilter = valueFn(uppercase); } </script> <div ng-controller="Ctrl"> - Snippet: <textarea ng-model="snippet" cols="60" rows="3"></textarea> + Snippet: <textarea ng-model="snippet" ng-model-instant cols="60" rows="3"></textarea> <table> <tr> <td>Filter</td> @@ -456,7 +456,7 @@ var uppercaseFilter = valueFn(uppercase); <tr id="linky-filter"> <td>linky filter</td> <td> - <pre><div ng-bind-html="snippet | linky"><br/></div></pre> + <pre><div ng-bind-html="snippet | linky"><br></div></pre> </td> <td> <div ng-bind-html="snippet | linky"></div> @@ -464,7 +464,7 @@ var uppercaseFilter = valueFn(uppercase); </tr> <tr id="escaped-html"> <td>no filter</td> - <td><pre><div ng-bind="snippet"><br/></div></pre></td> + <td><pre><div ng-bind="snippet"><br></div></pre></td> <td><div ng-bind="snippet"></div></td> </tr> </table> |
