如何使用多选

Question

我正在使用这个angular-bootstrap-multiselect（https://github.com/sebastianha/angular-bootstrap-multiselect）库，我遇到了麻烦。我想在下拉列表中添加一个名为“select All”的选项，以便选择所有框。到目前为止，这是我从rest-api获取选项的下拉列表。我在数组中添加了“全选”（Badlist），这是单击下拉列表时的第一个选项。我只是不知道如何制作它，以便在我点击它之后选择一切。

<multiselect class="project-multiselect-dropdown"

            ng-model="Badlist.links"
            options="link.name for link in BadLinksList"
            data-multiple="true"
            scroll-after-rows="3"
            max-width="100"
            tabindex="1"
            ms-selected="{{Badlist.links}}"
            ng-change="incompleteEntries('BAD');

          </multiselect>

现在它只是作为普通的多选下拉菜单。我认为该库具有checkAll（）函数，但不确定在何处或如何使用它。我想在我的控制器中添加一个观察器，一旦它检测到用户点击了“全部选择”，它就会激活checkAll（）函数。我不知道如何调用$ scope中的checkAll（）函数。看。通常我会在我的视图中执行它（ng-click =“checkAll（））”，但这是下拉菜单的一部分而不是按钮。

BTW这里是该库中的checkAll（）函数（只是为了节省你们的时间）。

  scope.checkAll = function() {
                    if(!isMultiple) {
                        return;
                    }
                    angular.forEach(scope.items, function(item) {
                        item.checked = true;
                    });
                    setModelValue(true);
                };