Question

我遇到了Angular select和ng-model的问题。这个问题可以在这个小提琴中得到最好的描述：http://jsfiddle.net/9gp8c17m/

基本上我有一个选择如：

<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中。

Answer 1

请记住，javascript是区分大小写的

试试这个

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

Answer 2

这是你想要的东西：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}}

Answer 3

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

如果选定的年份是2017年，但ng-options是2015年，2016年。它不起作用。

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

它不起作用，因为我们使用“年”而不是“年”。

选择值后，Angular Select ng-model为null

3 个答案: