twitter-bootstrap – 如何在AngularJS中使用Bootstrap Multiselect下拉菜单

前端之家收集整理的这篇文章主要介绍了twitter-bootstrap – 如何在AngularJS中使用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参数获取值。

原文链接:https://www.f2er.com/bootstrap/234223.html

猜你在找的Bootstrap相关文章