angular ng-option 选项和标签

16 浏览
0 Comments

angular ng-option 选项和标签

我有一个选择框：

"aircrafts"的json对象包含：

[Object { ident="--", id="", seats=""}, 
 Object { id=1, ident="D-3417", seats=2}, 
 Object { id=2, ident="D-1021", seats=2}, 
 Object { id=3, ident="D-4582", seats=1}, 
 Object { id=5, ident="D-FTSD", seats=null}, 
 Object { id=10, ident="D-5970", seats=1}
]

除了我的选择框中的选项是json对象的索引而不是id之外，一切都正常...

所以结果如下：

但是我希望选项的值是数组中的ID，例如最后一项的ID是10，而不是5...

希望你明白我的意思。

我认为错误的行是：

ng-options="aircraft.ident for aircraft in aircrafts"

但是我不知道如何修复这个问题。

提前感谢，

Leif

0

2 答案

0 Comments

问题的原因是在AngularJS中，ng-options指令创建的DOM元素的value属性值与实际选中的值不相关。解决方法是检查$scope.aircraft模型的选中值，可以通过使用"aircraft.id as aircraft.ident for aircraft in aircrafts"的语法来更新$scope.aircraft模型中的值。

0
0 Comments

在使用Angular的`ng-option`指令时，出现了问题"angular ng-option Option and Label"。下面将介绍问题的原因以及解决方法。

问题的原因是在`ng-option`中尝试使用以下语法：

aircraft.id as aircraft.ident for aircraft in aircrafts

但是这种语法并不能正常工作。接下来我们将介绍如何解决这个问题。

解决方法是使用以下语法：

aircraft.ident for aircraft in aircrafts track by aircraft.id

通过这种语法，我们可以正确地将`aircraft.ident`作为选项的标签（label），而将`aircraft.id`作为选项的值（option）。

以上就是关于"angular ng-option Option and Label"问题的原因和解决方法。

0