select 框中的 ng-model 默认值为空
ng-model in select box with default value is empty
我正在尝试使用 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>
本周早些时候我 运行 遇到了同样的问题。修复实际上比我想象的要简单。您可以将 ng-init="teamSelected='All'" 作为属性添加到 select 标签：
<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>
例如，设置你 $scope.teamSelected = 3（所需对象的索引），它应该可以正常工作 codepen
我正在尝试使用 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>
本周早些时候我 运行 遇到了同样的问题。修复实际上比我想象的要简单。您可以将 ng-init="teamSelected='All'" 作为属性添加到 select 标签：
<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>
例如，设置你 $scope.teamSelected = 3（所需对象的索引），它应该可以正常工作 codepen