我怎么能将boostrap下拉与angular.js集成

Question

我想使用带有boostrap样式和angular.js的输入函数进行下拉列表

http://egemem.com/theme/kode/v1.1/form-elements.html

但是，即使我尝试使用指令来避免与jQuery冲突

，它也无效

如何将jQuery函数与angular.js

集成

HTML

{“routes”：“routes”}

JS

app.directive('customepicker
customepicker',function(){
    return {
      restrict: 'CE',
      replace: true,
      template: '<select class="selectpicker" data-live-search="true" style="display: none;"> <option ng-repeat=" (departure, destinations) in routes">{{departure}}</option></select>',
    };
});

输出

Answer 1

使用Angular-UI

这是适用于Angular的bootstrap。

  

此存储库包含一组基于的本机AngularJS指令   Bootstrap的标记和CSS。因此，不依赖于jQuery或   需要Bootstrap的JavaScript。

以下是关于using dropdowns的部分：

  

Dropdown是一个简单的指令，可以打开下拉菜单   单击或以编程方式。

     

该指令由三部分组成：

uib-dropdown which transforms a node into a dropdown.
uib-dropdown-toggle which allows the dropdown to be toggled via click. This directive is optional.
uib-dropdown-menu which transforms a node into the popup menu.

     

每个部分都需要用作属性指令。