Question

我正在使用angularJS和bootstrap。

的javascript：

$http.get('rest/impact').success(function(data) {
        $scope.ho.impacts = data;
});

Html：

<select  class="form-control" ng-model="ho.impact" 
            ng-options="imp.id as imp.name for imp in ho.impacts"></select>

我可以检索这样的值：

var dataObject = {
                 impact  : $scope.ho.impact,
                  ....
            };

问题是，当我进入网页时，选择为空。

你知道如何设置默认值吗？喜欢列表的第一项..

谢谢，

Answer 1

您只需预先填充ng-model引用的值：

$scope.ho.impact = $scope.ho.impacts[0].id;

Answer 2

您可以添加一个空值的选择选项：

<select class="form-control" ng-model="ho.impact" ng-options="imp.id as imp.name for imp in ho.impacts">
    <option value="">Please Select...</option>
</select>

请参阅： https://docs.angularjs.org/api/ng/directive/select

Bootstrap和选择选项

2 个答案: