AngularJS下拉列表第一个值为空

Question

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

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

那是因为您没有任何值为<require from="./test"></require> 的html选项，但您将模型设置为此值。

尝试将test留空或将其设置为现有值：

selectedOption

希望这有帮助！