title: First Dropdown selection changes second dropdown selection using same $scope
body: <p>I have total 4 dropdows. two dropdown(ddl)s use same $scope and other two use same $scope. 
  Now problem is when I change first ddl value, it automatically changes second ddl value(I don't want that, still i want to use same $scope). is it possible to use same $scope and still both ddls work individually???</p>
  
  <p>Here is my code.</p>
  
  <pre><code>&lt;html ng-app&gt;
   &lt;div ng-controller="ctrl"&gt;
   &lt;div&gt;
          &lt;select ng-model="m.roleId" ng-change="loadPersons(m.roleId)" ng-options="w.roleId as w.roleName for w in roles"&gt;
             &lt;option value=""&gt;&lt;/option&gt;
          &lt;/select&gt;
  
           &lt;select ng-model="m.contactId" ng-options="w.contactId as w.personName for w in personList"&gt;
              &lt;option value=""&gt;&lt;/option&gt;
          &lt;/select&gt;
  
         &lt;select ng-model="m.roleId" ng-change="loadPersons(m.roleId)" ng-options="w.roleId as w.roleName for w in roles"&gt;
           &lt;option value=""&gt;&lt;/option&gt;
          &lt;/select&gt;
  
  
          &lt;select ng-model="m.contactId" ng-options="w.contactId as w.personName for w in personList"&gt;
              &lt;option value=""&gt;&lt;/option&gt;
          &lt;/select&gt;
  
  
      &lt;/div&gt;
    &lt;/div&gt;
  
   &lt;/html&gt;
  </code></pre>
  
  <p>my .js</p>
  
  <pre><code>function ctrl($scope) {
  
    $scope.roles=[{ roleId:1, roleName:"Admin"},{roleId:2,roleName:"guest"}];
    $scope.persons = [{contactId: 1,roleId:1,personName: "Joy"},
                    {contactId: 2,roleId:1,personName: "Jack"},
                    {contactId: 3,roleId:1,personName: "Jonh"},
                    {contactId: 4,roleId:2,personName: "Gereth"}];
    $scope.click=function(data)
    {   console.log(data.roleId);
      console.log(data.contactId);
    }
   $scope.loadPersons=function(id)
    {
     $scope.personList=[];
     angular.forEach($scope.persons,function(person)
                  {
                      if(person.roleId==id)
                      {
                          $scope.personList.push(person);
                      }
                  })
    } ;
    }
  </code></pre>
  
  <p>please check this fiddle.     <a href="http://jsfiddle.net/ZwwH7/4/" rel="nofollow">http://jsfiddle.net/ZwwH7/4/</a></p>