twitter-bootstrap – 如何在AngularJS中使用Bootstrap Multisel

发布时间：2020-12-18 00:16:10 所属栏目：安全来源：网络整理

导读：我想在AngularJS中使用Bootstrap Multiselect Dropdown http://davidstutz.github.io/bootstrap-multiselect/。我听说有必要把它转到指令。但我认为这很复杂不知道我要做什么如果你有经验，请指导我！韩国社交协会。解决方法如果您不需要创建非常可重用的

我想在AngularJS中使用Bootstrap Multiselect Dropdown http://davidstutz.github.io/bootstrap-multiselect/。我听说有必要把它转到指令。但我认为这很复杂不知道我要做什么如果你有经验，请指导我！韩国社交协会。

解决方法

如果您不需要创建非常可重用的代码，那其实并不复杂。第一步是创建一个基本的指令并获取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参数获取值。

（编辑：李大同）

【声明】本站内容均来自网络，其相关言论仅代表作者个人观点，不代表本站立场。若无意侵犯到您的权利，请及时与联系站长删除相关内容!