javascript - 在angularjs中设置下拉列表的选定值

Question

HTML代码

<div>
            <label for="name">School Name</label>
            <select ng-model="SelectedSchoolIDEdit"
                    ng-options="option.Name for option in SchoolAvailableOptions track by option.ID"></select>
        </div>

Angular 代码

 SchoolGradesService.GetAllSchools().then(function (d) {
    $scope.SchoolAvailableOptions = d.data;// Success
    $scope.SelectedSchoolIDEdit = $scope.SchoolAvailableOptions[0].ID;
}, function () {
    alert('Error Occured !!!'); // Failed
});

像这样的情况我成功获取了数据并且我可以填写下拉列表但是 问题是我无法为其设置默认值 我搜索了很多，我看到的和我做的一样，所以我无法解决问题 注意:我是 Angular 的新手

Answer 1

替换$scope.SelectedSchoolIDEdit = $scope.SchoolAvailableOptions[0].ID;
通过 $scope.SelectedSchoolIDEdit = $scope.SchoolAvailableOptions[0];

检查 documentation

这是一个 JSFiddle