javascript - AngularJS下拉列表第一个值为空

Question

我有一个下拉列表，我使用 AngularJS 作为前端框架。但是，下拉列表中的第一个值始终为空。谁能向我解释一下发生了什么事？我需要改变哪里？谢谢!

这是 html

 <div class="input-control select" ng-controller="democtrl">
            <select ng-model="selectedOption">
                <option selected>Select the option</option>
                <option value="ip">IP</option>
                <option value="host">Host</option>
            </select>
            {{selectedOption}}
        </div>

这是js代码:

 angular.module('demo')
      .controller('democtrl', ['$scope', function ($scope) {
            $scope.selectedOption = "test";

      }]);

Answer 1

这是因为您没有任何值为 test 的 html 选项，但您将模型设置为该值。

尝试将 selectedOption 留空或将其设置为现有值:

angular.module('demo')
      .controller('democtrl', ['$scope', function ($scope) {
            $scope.selectedOption = "ip";
      }]);

希望这有帮助!