twitter-bootstrap - Bootstrap 多选下拉列表中的 AngularJS ng-repeat

Question

我使用了 Bootstrap 多选下拉菜单 http://davidstutz.github.io/bootstrap-multiselect/ &嵌入到AngularJS的子模板中&让它运行以下函数:

$scope.$on('$viewContentLoaded', function () {
    $(document).ready(function() {
        $('#example27').multiselect({
            includeSelectAllOption: true
        });
    });
});

我继续使用 ng-repeat 打印此输入选择的内部选项:

    <select id="example27" multiple="multiple">
        <option ng-repeat="list in lists" value="{{list.id}}">{{list.name}}</option>
    </select>

但是当 ng-repeat 在此输入选择中时，它不起作用并且没有打印任何数据。谁知道如何解决这个问题，请帮助我!

Answer 1

如果您使用 bootstrap-multiselect，您应该使用 ng-options 属性，如 @user2598687 答案中所示。这是适用于 Firefox 的 fiddle 版本:click me to jsfiddle

<select class="multiselect" data-placeholder="Select Products" 
  ng-model="productSelection" ng-options="item.id as item.name for item in Products"
  multiple="multiple" multiselect-dropdown >
$scope.Products = [{id:1,name:"Apple"}, {id:2,name:"Banana"}, {id:3,name:"Carrort"}, {id:4,name:"Dart"}];