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

角碼

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

檢查文檔

這是一個JSFiddle

Answer 2

嘗試這個

<select ng-init="SelectedSchoolIDEdit=SchoolAvailableOptions[0].ID" ng-model="SelectedSchoolIDEdit"
                ng-options="option.ID as option.Name for option in SchoolAvailableOptions track by option.ID"></select>

Answer 3

這是我的問題的解決方案。 我對你的數據做了一個數據模型。 當范圍變量$scope.SelectedSchoolIDEdit需要具有語法時，我能夠選擇該選項。

$scope.SelectedSchoolIDEdit = {ID: 1};

所以要解決你的問題，使用服務的代碼應該是這樣的。

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

這是一個工作示例，說明要選擇的選項的數據應該如何。

JSFiddle 演示

您能否檢查一下此更改是否解決了您的問題？