From 64fb1f262028679b7eb1760bb38f9b1e4003d8e7 Mon Sep 17 00:00:00 2001
From: Igor Minar
Date: Mon, 19 Mar 2012 09:37:32 -0700
Subject: docs(filters): use ng-model-instant in live examples

Closes #807
---
 src/directive/ngBind.js       |  8 ++++----
 src/service/filter/filter.js  |  8 ++++----
 src/service/filter/filters.js | 22 +++++++++++-----------
 3 files changed, 19 insertions(+), 19 deletions(-)

(limited to 'src')

diff --git a/src/directive/ngBind.js b/src/directive/ngBind.js
index cc80ac5a..23588de5 100644
--- a/src/directive/ngBind.js
+++ b/src/directive/ngBind.js
@@ -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) |
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>
-- 
cgit v1.2.3