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

检查documentation

这是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 Demo

请检查此更改是否可以解决您的问题？