Angularjs 第一个下拉选择使用相同的$scope更改第二个下拉选择_Angularjs

Angularjs 第一个下拉选择使用相同的$scope更改第二个下拉选择

angularjs

Angularjs 第一个下拉选择使用相同的$scope更改第二个下拉选择,angularjs,Angularjs,我一共有4个滴水器。两个下拉列表（ddl）使用相同的$scope，另外两个使用相同的$scope。现在的问题是，当我更改第一个ddl值时，它会自动更改第二个ddl值（我不希望这样，我仍然希望使用相同的$scope）。是否可以使用相同的$scope，但两个DDL仍然可以单独工作这是我的密码 <html ng-app> <div ng-controller="ctrl"> <div> <select ng-model="m.roleI

我一共有4个滴水器。两个下拉列表（ddl）使用相同的$scope，另外两个使用相同的$scope。现在的问题是，当我更改第一个ddl值时，它会自动更改第二个ddl值（我不希望这样，我仍然希望使用相同的$scope）。是否可以使用相同的$scope，但两个DDL仍然可以单独工作

这是我的密码

<html ng-app>
 <div ng-controller="ctrl">
 <div>
        <select ng-model="m.roleId" ng-change="loadPersons(m.roleId)" ng-options="w.roleId as w.roleName for w in roles">
           <option value=""></option>
        </select>

         <select ng-model="m.contactId" ng-options="w.contactId as w.personName for w in personList">
            <option value=""></option>
        </select>

       <select ng-model="m.roleId" ng-change="loadPersons(m.roleId)" ng-options="w.roleId as w.roleName for w in roles">
         <option value=""></option>
        </select>


        <select ng-model="m.contactId" ng-options="w.contactId as w.personName for w in personList">
            <option value=""></option>
        </select>


    </div>
  </div>

 </html>

请检查一下这把小提琴

在第一和第三选择框中使用不同的型号

<select ng-model="m.roleId1" ng-change="loadPersons(m.roleId1)" ng-options="w.roleId as w.roleName for w in roles">
       <option value=""></option>
    </select>

     <select ng-model="m.contactId" ng-options="w.contactId as w.personName for w in personList">
        <option value=""></option>
    </select>

   <select ng-model="m.roleId2" ng-change="loadPersons(m.roleId2)" ng-options="w.roleId as w.roleName for w in roles">
     <option value=""></option>
    </select>


    <select ng-model="m.contactId" ng-options="w.contactId as w.personName for w in personList">
        <option value=""></option>
    </select>

在第一和第三选择框中使用不同的型号

<select ng-model="m.roleId1" ng-change="loadPersons(m.roleId1)" ng-options="w.roleId as w.roleName for w in roles">
       <option value=""></option>
    </select>

     <select ng-model="m.contactId" ng-options="w.contactId as w.personName for w in personList">
        <option value=""></option>
    </select>

   <select ng-model="m.roleId2" ng-change="loadPersons(m.roleId2)" ng-options="w.roleId as w.roleName for w in roles">
     <option value=""></option>
    </select>


    <select ng-model="m.contactId" ng-options="w.contactId as w.personName for w in personList">
        <option value=""></option>
    </select>

在第一和第三选择框中使用不同的型号

<select ng-model="m.roleId1" ng-change="loadPersons(m.roleId1)" ng-options="w.roleId as w.roleName for w in roles">
       <option value=""></option>
    </select>

     <select ng-model="m.contactId" ng-options="w.contactId as w.personName for w in personList">
        <option value=""></option>
    </select>

   <select ng-model="m.roleId2" ng-change="loadPersons(m.roleId2)" ng-options="w.roleId as w.roleName for w in roles">
     <option value=""></option>
    </select>


    <select ng-model="m.contactId" ng-options="w.contactId as w.personName for w in personList">
        <option value=""></option>
    </select>

在第一和第三选择框中使用不同的型号

<select ng-model="m.roleId1" ng-change="loadPersons(m.roleId1)" ng-options="w.roleId as w.roleName for w in roles">
       <option value=""></option>
    </select>

     <select ng-model="m.contactId" ng-options="w.contactId as w.personName for w in personList">
        <option value=""></option>
    </select>

   <select ng-model="m.roleId2" ng-change="loadPersons(m.roleId2)" ng-options="w.roleId as w.roleName for w in roles">
     <option value=""></option>
    </select>


    <select ng-model="m.contactId" ng-options="w.contactId as w.personName for w in personList">
        <option value=""></option>
    </select>