解释了Angularjs中的ng-option

时间:2014-02-03 10:09:51

标签: angularjs angularjs-ng-repeat

考虑这个ng-option表达式:

item.Id as item.Name for item in items

item.Id实际设置了什么?那是什么意思?这是Angular绑定的值吗?所以,如果你有$scope.selectedItemId = 8这个HTML:

<select ng-model="selectedItemId" ng-option="item.Id as item.Name in items"/>

是否会在select

中选择ID为8的项目

1 个答案:

答案 0 :(得分:1)

根据官方docs

您正在使用select as label for value in array,其中

  

label:此表达式的结果将是元素的标签。表达式很可能是指值变量(例如value.propertyName)。

     

select:此表达式的结果将绑定到父元素的模型。如果未指定,则select expression将默认为value。

所以在你的表达中

item.Id as item.Name for item in items
  • item.Id 是选择更简单的术语值
  • item.Name 是更简单的文字标签

如果您有$scope.selectedItemId = 8,是否会在选择中选择ID为8的项目?

简答