title: ng-model not working Angular js
body: <p>I am trying to update a parent scope in a nested ng-repeat loop but it doesn't work ! I have literally been on this for the 2 pass hours !</p>
  
  <p>This is my nested loop:</p>
  
  <pre><code>&lt;div ng-repeat="input in config" style="border: 1px solid #000;"&gt;
      &lt;div ng-repeat="inputProperty in input.inputStyle" style="border: 1px solid  #000;"&gt;
          &lt;input type="text" style="{{inputProperty.style}}" ng-model="loop.year"&gt;Type in Year&lt;/div&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p>Filter:</p>
  
  <pre><code>&lt;div ng-repeat="book in products | filter: loop.year"&gt;{{ book.bookname }}&lt;/div&gt;
  </code></pre>
  
  <p><strong>Fiddle:</strong></p>
  
  <p><a href="http://jsfiddle.net/dcot7eof/" rel="nofollow">http://jsfiddle.net/dcot7eof/</a></p>