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

Question

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

'1', 'PENELOPE', 'GUINESS', '2006-02-15 04:34:33' '2', 'NICK', 'WAHLBERG', '2006-02-15 04:34:33'

Answer 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>

Answer 2

例如，设置$scope.teamSelected = 3（所需对象的索引），它应该像codepen

一样正常工作