Warning: file_get_contents(/data/phpspider/zhask/data//catemap/1/angularjs/20.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
AngularJS:多个下拉列表_Angularjs - Fatal编程技术网

AngularJS:多个下拉列表

AngularJS:多个下拉列表,angularjs,Angularjs,我对AngularJS是新手。我正在为下拉列表编写代码。每行都有相同的下拉列表。这是密码 HTML: <tr ng-repeat='item in items> <td> <span>{{item.profName}}</span> <span ng-if="!item.editProf"> <img src="images/img1.png" class="i

我对AngularJS是新手。我正在为下拉列表编写代码。每行都有相同的下拉列表。这是密码

HTML:

<tr ng-repeat='item in items>
    <td>
         <span>{{item.profName}}</span>
         <span ng-if="!item.editProf">
             <img src="images/img1.png" class="img"          
                         ng-click="editProf({{item.pId}})"></img>
        </span>
        <div ng-if="item.editProf">
              <select ng-model="prof" class="form-control" name= "profName" 
                      ng-options="prof.name as prof.value for prof in lookups.prof" 
                  ng-Blur="updateProf([item.pId])">
              </select>
         </div>
    </td>
</tr>
$scope.editProf = function(pId)
    {
        var profIndex = $scope.profIndexList[pId];
        var profObj = $scope.profList[profIndex];
        profObj.editProf = true;
        $scope.prof = profObj.profName;
    }
当我点击图像时,它将进入编辑模式。当我选择一个选项时,它将再次进入只读模式。但是,当我打开两个下拉列表时,两个下拉列表显示相同的选项(当我从第二个下拉列表中选择一个选项时,由于相同的范围,第一个下拉列表中更新了相同的选项)。如何解决这个问题? 帮帮我

var myApp=angular.module('myApp',[]);
myApp.controller('MyCtrl',['$scope',',
职能($范围){
$scope.cols=[{
col_id:'test1',
上校姓名:“第一”
}, {
col_id:'test2',
上校姓名:“第二”
}];
$scope.col=“test1”;
}
]);

您应该始终记住在ngModel属性中有一个点(.),否则您将始终存在此问题

您可以执行以下操作

var myApp=angular.module('myApp',[]);
myApp.controller('MyCtrl',['$scope',',
职能($范围){
$scope.cols=[{
col_id:'test1',
上校姓名:“第一”
}, {
col_id:'test2',
上校姓名:“第二”
}];
$scope.col={
下拉列表1:“test1”,
下拉列表2:“测试1”
};
}
]);

您应该始终记住在ngModel属性中有一个点(.),否则您将始终存在此问题

您可以执行以下操作

var myApp=angular.module('myApp',[]);
myApp.controller('MyCtrl',['$scope',',
职能($范围){
$scope.cols=[{
col_id:'test1',
上校姓名:“第一”
}, {
col_id:'test2',
上校姓名:“第二”
}];
$scope.col={
下拉列表1:“test1”,
下拉列表2:“测试1”
};
}
]);


您在示例代码中看到2个选项了吗?第二个下拉列表在哪里?请提供一个完整的代码示例。显然,它们有相同的选择,因为它们都绑定到
prof
,使用
ng model=“prof”
。您需要将每个选择绑定到不同的模型。类似于
ng model=“item.prof”
对不起,我在tr标签上重复了ng。更新了我的问题。从控制器中放入一些代码或创建所有代码。您在示例代码中看到2个选择吗?第二个下拉列表在哪里?请提供一个完整的代码示例。显然,它们有相同的选择,因为它们都绑定到
prof
,使用
ng model=“prof”
。您需要将每个选择绑定到不同的模型。类似于
ng model=“item.prof”
对不起,我在tr标签上重复了ng。更新了我的问题。从控制器中放入一些代码或创建所有代码。在这种情况下,您有两个select标记。但在我的例子中,我只有一个select标签。如何设置ng model=“col.dropdown1或2在这种情况下,您有两个选择标记。但在我的情况下,我只有一个选择标记。如何设置ng model=“col.dropdown1或2?”