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

时间:2015-11-05 18:59:14

标签: javascript jquery angularjs

我使用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>
&#13;
&#13;
&#13;

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

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

2 个答案:

答案 0 :(得分:1)

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

JSFiddle

答案 1 :(得分:0)

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