angular.js控制器中的Bootstrap Tapdrop jQuery

Question

我看到了Bootstrap Tapdrop库，它非常适合响应式选项卡中的下拉菜单。 我的应用程序可与angular.js一起使用，但是在我的index.html中添加bootstrap-tapdrop.js。

我想打电话给：

$('.nav-tabs').tabdrop({align:'left'});

进入我的angularjs应用程序，但没有任何效果。 但是，当我从chrome控制台调用此程序时，效果很好。

我如何添加这句话jQuery angular.js我的驱动程序？ 反正有吗 或..如何从angular.js使用此库？ 我曾在角度寻求类似的东西，但找不到。

谢谢

Answer 1

您必须创建一个指令才能使用jQuery插件，或者每当您想要使用jQuery或任何第三方插件将客户端行为附加到元素时。

尝试这样的事情。

angular.module('main')
  .directive('my-tabs-directive', [ function ($timeout, $sce) {
      return {
        restrict: 'E',
        link: function (scope, element, attrs) {
          //Write any plugin logic here
          element.tabdrop({align: 'left'});
        },
        templateUrl: 'passYourTemplateUrl'//You can also use inline template
      };
    }
  ]);

您可以在此处https://docs.angularjs.org/guide/directive了解更多有关angularJs指令的信息