Hopiu/angular.js
1
0
Fork 0
mirror of https://github.com/Hopiu/angular.js.git synced 2026-03-23 18:00:26 +00:00
Code Issues Projects Releases Packages Wiki Activity Actions

docs(filters): use ng-model-instant in live examples

Browse source 
Closes #807
This commit is contained in:
Igor Minar 2012-03-19 09:37:32 -07:00
parent f49eaf8bf2
commit 64fb1f2620
3 changed files with 19 additions and 19 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

8
src/directive/ngBind.js
View file

@ -26,7 +26,7 @@
}
</script>
<div ng-controller="Ctrl">
Enter name: <input type="text" ng-model="name"> <br/>
Enter name: <input type="text" ng-model="name" ng-model-instant><br>
Hello <span ng-bind="name"></span>!
</div>
</doc:source>
@ -122,8 +122,8 @@ var ngBindHtmlDirective = ['$sanitize', function($sanitize) {
}
</script>
<div ng-controller="Ctrl">
Salutation: <input type="text" ng-model="salutation"><br/>
Name: <input type="text" ng-model="name"><br/>
Salutation: <input type="text" ng-model="salutation" ng-model-instant><br>
Name: <input type="text" ng-model="name" ng-model-instant><br>
<pre ng-bind-template="{{salutation}} {{name}}!"></pre>
</div>
</doc:source>
@ -210,7 +210,7 @@ var ngBindTemplateDirective = ['$interpolate', function($interpolate) {
</script>
<div ng-controller="Ctrl">
Google for:
<input type="text" ng-model="query"/>
<input type="text" ng-model="query" ng-model-instant>
<a ng-bind-attr='{"href":"http://www.google.com/search?q={{query}}"}'>
Google
</a> (ng-bind-attr) |

8
src/service/filter/filter.js
View file

@ -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">

22
src/service/filter/filters.js
View file

@ -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>