在不带ng-init的角度选择中选择的选项

Question

我有一个使用ng-options的选择。以下是我的选择HTML

<select name="courseHighSchool" 
 
     ng-model="course._highSchoolSelected" 
 
     ng-init="course._highSchoolSelected = course.HighSchoolId == undefined ? undefined : {HighSchoolId: course.HighSchoolId};" 
 
     ng-change="course.HighSchoolId = course._highSchoolSelected.HighSchoolId;" 
 
     ng-options="item.HighSchoolName for item in TEData.RecruitHighSchools track by item.HighSchoolId" 
 
     required> 
 
     <option></option> 
 
</select>

我下面这个article提供给设置初始选择的值，我从course.HighSchoolId获得的技巧和我的选择是在收集TEData.RecruitHighSchools.

我想知道是否有更好的办法可以实现这一目标。

Answer 1

将范围变量course._highSchoolSelected在控制器中设置为默认值。这将使用该默认值呈现控件。

Answer 2

而不是使用ng-init只需在您的$scope下创建一个字段。使用ng-model指令将字段绑定到<select>元素。这将为你找到你正在寻找的确切的高中对象。

JSFiddle