如何在AngularJS中使用Bootstrap Multiselect Dropdown

Question

我想在AngularJS中使用Bootstrap Multiselect Dropdown
http://davidstutz.github.io/bootstrap-
multiselect/
。我听说有必要将其移至“指令”。但是我认为这很复杂，我不知道该怎么办。如果您有经验，请指导我！Tks。

Answer 1

如果您不需要创建非常可重用的代码，则实际上并不那么复杂。第一步是创建一个基本指令并获取DOM元素：

angular.module('yourapp', [])

.directive('multiselectDropdown', [function() {
    return function(scope, element, attributes) {

        element = $(element[0]); // Get the element as a jQuery element

        // Below setup the dropdown:

        element.multiselect({
            option1: 123,
            option2: "abcd",
            // etc.
        })

        // Below maybe some additional setup
    }
}]);

基本上，一旦您位于指令中，它实际上就是常规的jQuery或JS代码。

然后在您的HTML代码中：

<select multiselectDropdown >
    <option value="1">One</option>
    <option value="2">One</option>
    <option value="3">One</option>
</select>

您还可以在DIV上指定其他属性，并使用attributes指令的参数获取值。