aboutsummaryrefslogtreecommitdiffstats
path: root/src/service
diff options
context:
space:
mode:
authorIgor Minar2012-03-19 09:37:32 -0700
committerIgor Minar2012-03-20 11:07:35 -0700
commit64fb1f262028679b7eb1760bb38f9b1e4003d8e7 (patch)
treece01369d8e54d18338e50ce36311486df76e7baf /src/service
parentf49eaf8bf2df5f4e0e82d6c89e849a4f82c8d414 (diff)
downloadangular.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.js8
-rw-r--r--src/service/filter/filters.js22
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>&lt;div ng-bind-html="snippet | linky"&gt;<br/>&lt;/div&gt;</pre>
+ <pre>&lt;div ng-bind-html="snippet | linky"&gt;<br>&lt;/div&gt;</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>&lt;div ng-bind="snippet"&gt;<br/>&lt;/div&gt;</pre></td>
+ <td><pre>&lt;div ng-bind="snippet"&gt;<br>&lt;/div&gt;</pre></td>
<td><div ng-bind="snippet"></div></td>
</tr>
</table>