选择框中的 ng-model 默认值为空答案

【问题标题】：ng-model in select box with default value is empty选择框中的 ng-model 默认值为空
【发布时间】：2015-11-23 17:07:36
【问题描述】：

我正在尝试使用 ng-model 从带有 Angular js 的选择标签中获取价值。但是，当我呈现此代码时，当页面完成加载时，所选框为空。我试图设置要选择的第一个选项，但这不起作用。我试过selected="selected"，但没有用。我还尝试了有关 ng-option 的文档中提到的其他方法，但似乎没有帮助。我需要 ng-model 值才能使页面的其他部分正常工作。

<select id="teamSelection" ng-model="teamSelected"> <option value="All" selected>All</option> <option value="1">A</option> <option value="2)">B</option> <option value="3">C</option> <option value="4">D</option> </select>

【问题讨论】：

标签： angularjs angular-ngmodel ng-options

【解决方案1】：

本周早些时候我也遇到了同样的问题。修复实际上比我想象的要简单。您可以将ng-init="teamSelected='All'" 作为属性添加到您的选择标签：

<select id="teamSelection" ng-model="teamSelected" ng-init="teamSelected='All'"> <option value="All" selected>All</option> <option value="1">A</option> <option value="2)">B</option> <option value="3">C</option> <option value="4">D</option> </select>

【讨论】：

【解决方案2】：

例如，设置你$scope.teamSelected = 3（所需对象的索引），它应该可以像codepen一样正常工作

【讨论】：

使用track by时注意索引