显示具有预选值的下拉列表

时间:2015-11-17 16:48:23

标签: javascript angularjs

我正在尝试在下拉列表中预先选择一个值。我从DB中检索选定的值。我无法根据需要预先选择该值。你可以帮我解决这个问题吗?

HTML

<select class="form-control" ng-model="reportType.consolidationScopeId">
    <option value="">Please select</option>
    <option ng-repeat="consolidationScope in consolidationScopes" value="{{consolidationScope.consolScopeId}}">{{consolidationScope.consolScopeLabel}}</option>
</select>

控制器

$http.get("/mdmservice/services/consolidationScopes")
.success(function(data, status, headers, config) {
    $scope.consolidationScopes = data;
});

1 个答案:

答案 0 :(得分:0)

在这里,您可以看到使用AngularJS的select标签的3个不同示例:

http://plnkr.co/edit/Xc8Qrcr0AN4I2U0chbye?p=preview

请注意,您可以使用var $script = require("scriptjs"); $script("//ajax.googleapis.com/ajax/libs/angularjs/1.2.9/angular.min.js", function() { // ... }); 或仅使用ng-selected