title: ng-model changes all select at once
body: <p><a href="http://jsfiddle.net/Lvc0u55v/3356/" rel="nofollow">jsfiddle</a>  </p>
  
  <p>Hi.<br>
  I have a problem with my application. I have to write several selects by     using ng-repeat and each of these selects must be filled with the same data.   </p>
  
  <p>The problem is, when the one  is changed, others selects are changes     to the same value - why?.</p>
  
  <p>I suppose that the problem is in the ng-model - maybe I don't understand how the "hierarchy" of the ng-model works.</p>
  
  <ul>
  <li>If the name of the ng-model is only "option" - it doesn't work!</li>
  <li>If the name of the ng-model is "something.option" - it also doesn't
  work!</li>
  <li>If the name of the ng-model is "something.else.option" - it does work
  but all     selects are filled!</li>
  </ul>
  
  <p><strong>HTML:</strong></p>
  
  <pre><code>&lt;div ng-controller="MyCtrl"&gt;
    &lt;div ng-if="models" ng-repeat="m in models"&gt;
      &lt;br&gt;&lt;label&gt;{{m.model}} ({{m.no}})&lt;/label&gt;&lt;br&gt;
  
      &lt;select ng-model="models.m.opModel" ng-options="opt.value as opt.text for opt in options" ng-change="foo()"&gt;&lt;/select&gt;
      &lt;/div&gt;
   &lt;/div&gt;
  </code></pre>
  
  <p><strong>JS:</strong></p>
  
  <pre><code>var myApp = angular.module('myApp',[]);
  
  function MyCtrl($scope) {
      $scope.models = [
           {'no':'A', 'model':'alpha'},
           {'no':'B', 'model':'beta'},
           {'no':'C', 'model':'gamma'}
           ];
      $scope.options = [
           {'value':1, 'text':'one'},
           {'value':2, 'text':'two'},
           {'value':3, 'text':'three'}
           ];
  
       $scope.foo = function(){
                  alert($scope.models.m.opModel);
       }
  }
  </code></pre>
  
  <p>What am I doing wrong?</p>
  
  <p>Thanks a lot.</p>