javascript - 为什么使用 angularJs 选择选项显示第一个空选项？

Question

当我重新加载页面时，第一个选项始终为空。我希望包含文本 Any Make 的选项成为默认选择选项。这是我的观点的代码:

  <select class="form-control" id="make" name="make" ng-init="Any Make" ng-model="makeSelected" ng-change="makeChanged()">
      <option value="0" selected="selected"> Any Make</option>
      <option ng-repeat="obj in makeData" value="{{obj.make_id}}"> {{ obj.make_name | uppercase }} </option>
  </select>

这是我的 Controller 代码:

.controller("homeController", function ($scope, makeData, $http) {

            $scope.makeData = makeData;

            $scope.makeChanged = function () {
                $http({
                    method: "GET",
                    url: "homeService.asmx/GetModelById"})
                    .then(function (response) {
                        $scope.modelData = response.data;
                })
            }
        })

Answer 1

只需删除 ng-init 并在模型中给出默认值

   $scope.makeSelected = 0;

这是您的代码的运行 fiddle Click here

使用动态数据拨弄代码 Click here