2017-04-23 75 views
0

我遇到了角度选择和ng-model问题。这个问题最能在这个小提琴描述:http://jsfiddle.net/9gp8c17m/选择值后,角度选择ng模型为空

基本上我有一个选择,如:

<select ng-options="item.Label as item.label for item in entry.Data.Options | orderBy: label" 
ng-model="entry.Data.Value"> 

entry.Data.Value首先设置为entry.Data.Options[0],但不会使选择列表中显示该值,如果我在选择entry.Data.Value后选择另一个值为空。

任何想法可能是错误的?

编辑:在“真实应用”中,entry值来自可包含许多不同元素的值循环,select为其中一种类型。该选择包含在使用模板的真实应用html中。

回答

1

这是你想要的东西:Plnkr

<select class="form-control FieldHeight-1x" 
    ng-options="item.label for item in entry.Data.Options | orderBy: label" 
    ng-model="entry.Data.Value"> 
</select> 
<button ng-click="GetValue()"> 
    value 
</button> 
<br /> 

{{entry.Data.Value}} 
+0

这样做。谢谢,这是疯了,这..需要更多的咖啡! – JensB

+0

很高兴为你工作:)哦,你提醒了我我的咖啡! –

1

记住,JavaScript是大小写敏感的

试试这个

<select 
    ng-options="item.Label as item.label for item in entry.Data.Options | 
    orderBy: label" 
    ng-model="entry.Data.Value"> 
0
<select ng-model="controller.selectedYear" ng-options="y for y in controller.years"> 

如果选择一年是2017年,但NG-选项是2015年,2016年。它不工作。

<select ng-model="controller.selectedYear" ng-options="y for y in controller.years"> 

它不工作,因为我们使用“年”而不是“年”。