Angularjs 角度：不显示选定ng模型值的N选项

我似乎不明白为什么

ng选项

和

ng模型

在

中不能正常工作：虽然

元素

对象中的

代码

是正确的，但未显示所选值

名称

以下是我的物品：

$scope.hierarchyWorkElements = [];
$scope.worksToBeExecuted = [
 {
  id: 1,
  name: "Create Address Point"
 },
 {
  id: 2,
  name: "Create Segment"
 }
];

$scope.hierarchyWorkElements

数组中的一个对象示例：

$$hashKey: "07H",
code: "0",
id: "element1",
name: ""

下面是

HTML

：

<div data-ng-repeat="element in hierarchyWorkElements" class="row top-buffer">
  <div class="col-sm-10">
    <select class="form-control"
       ng-model="element.code"
       ng-options="item.id as item.name for item in worksToBeExecuted"></select>
  </div>
</div

ng模型
无法按预期工作的原因是
元素。code
是一个字符串，其中as
item.id
是一个整数。您可以更改JSON对象，也可以尝试以下代码


var myApp=angular.module（'myApp'，[]）；
//指令（'myDirective'，function（）{}）；
//工厂（'myService'，function（）{}）；
函数MyCtrl（$scope）{
$scope.worksToBeExecuted=[{
id:1，
名称：“创建地址点”
}, {
id:2，
名称：“创建段”
}];
$scope.hierarchyWorkElements=[{
$$hashKey:“07H”，
代码：“1”，
id:“元素1”，
姓名：“
}, {
$$hashKey：“09H”，
代码：“2”，
id:“元素2”，
姓名：“
}];
}
您的
ng模型
无法按预期工作的原因是
元素。code
是一个字符串，其中as
item.id
是一个整数。您可以更改JSON对象或尝试以下代码


var myApp=angular.module（'myApp'，[]）；
//指令（'myDirective'，function（）{}）；
//工厂（'myService'，function（）{}）；
函数MyCtrl（$scope）{
$scope.worksToBeExecuted=[{
id:1，
名称：“创建地址点”
}, {
id:2，
名称：“创建段”
}];
$scope.hierarchyWorkElements=[{
$$hashKey:“07H”，
代码：“1”，
id:“元素1”，
姓名：“
}, {
$$hashKey：“09H”，
代码：“2”，
id:“元素2”，
姓名：“
}];
}
您在hierarchyWorkElements中的对象数组中拥有ng model as code属性&这是要执行的工作中的值as id属性。这里的类型不同，一个是字符串，另一个是应该固定的数字。然后您可以通过$index跟踪到ng repeat&使用$scope.hierarchyWorkElements[index].code实际查看所有select元素的模型值
另外，这里我假设hierarchyWorkElements数组是

$scope.hierarchyWorkElements=[{
                                code: "0",
                                id: "element1",
                                name: ""
                              },
                              {
                                code: "1",
                                id: "element2",
                                name: ""
                              }];


这是一个模拟您的需求的示例，显示初始和更改后的模型值、选择下拉列表的视图值。
您在hierarchyWorkElements内的对象数组中拥有ng model as code属性，这是worksToBeExecuted中的值as id属性。这里的类型不同，一个是字符串，另一个是应该固定的数字。然后您可以通过$index跟踪到ng repeat&使用$scope.hierarchyWorkElements[index].code实际查看所有select元素的模型值
另外，这里我假设hierarchyWorkElements数组是

$scope.hierarchyWorkElements=[{
                                code: "0",
                                id: "element1",
                                name: ""
                              },
                              {
                                code: "1",
                                id: "element2",
                                name: ""
                              }];


这是一个模拟您的需求的示例，显示初始和更改后的模型值，查看select下拉列表的值。
无需使用select input指令添加attribute type=“text”。无需使用select input指令添加attribute type=“text”。