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";
      }]);

希望对您有所帮助！

AngularJS 下拉列表第一个值为空

AngularJS dropdownlist first value is empty

javascript

frontend

angularjs