在没有ng-init的角度选择中选择选项

Question

我使用ng-options进行选择。以下是我的选择html

＆＃13;

＆＃13;

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

＆＃13;

＆＃13;

＆＃13;

我正在按照此article中提供的提示来设置初始选定值，我从course.HighSchoolId获取并且我的选项位于集合TEData.RecruitHighSchools.

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

Answer 1

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

JSFiddle

Answer 2

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