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

Closes angular#807

Author: IgorMinar

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

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

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,15 +456,15 @@ 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>
            </td>
          </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>