Angularjs 如何使用带角度的引导选择

我想我的下拉列表样式。 页面中有两个下拉列表。第一个具有硬编码选项。第二个是与数据库中的数据动态绑定的

引导选择适用于第一个，但不适用于第二个。它会添加一个文本“Nothing selected”（未选择），并且选项也不会绑定

如何解决这个问题

aspx:

<link href="../assets/css/bootstrap-select.css" rel="stylesheet" />
<script src="../assets/js/bootstrap-select.js"></script>
<script src="../assets/js/angular-1.3.16.min.js"></script>
<script src="../scripts/app.js"></script>
<script src="../scripts/controllers/Ctrl.js"></script>
<script src="../scripts/services/Factory.js"></script>
<script src="../scripts/directives/directives.js"></script>

<select id="ddlReports" bootstrapselectpicker >
<option data-ng-repeat="item in Reports" value="{{item.Id}}">{{item.Name}}</option>
</select>

<select id="ddlSets" bootstrapselectpicker>
<option value="0">-- Select Question Set --</option>
<option data-ng-repeat="item in QuestionSets" value="{{item.SetId}}">{{item.Title}}</option>
</select>

指令.js

app.controller("Ctrl", ["$scope", "Factory", function ($scope, Factory) {
 var init = function() {
 $scope.Reports = [
            { Id: 1, Name: "abc" },
            { Id: 2, Name: "def" }
        ];
  var promise = Factory.GetData();
                promise.then(function (success) {
                    if (success.data != null && success.data != '') {
                        var data = success.data;
                        $scope.QuestionSets = data.QuestionSets;
                    }                    
                },
                function (error) {                    
                });
 }
 init();
}]);

app.directive('bootstrapselectpicker', function ($timeout) {
    return {
        restrict: "A",
        link: function (scope, element, attrs, ctrl) {
            $timeout(function () {
                element.selectpicker();
            });
        }
    };
});

---

您可以使用

ng option

而不是

ng repeat

。并且您确定返回了数据并且$scope.questionset中填充了您的数据？是的。是的。当我删除“selectpicker”时工作正常。