Javascript angular.js控制器中的引导Tapdrop jQuery

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

我想打电话：

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

进入我的angularjs应用程序，但没有任何效果。然而，当我从chrome控制台调用它时，一切正常

如何在我的驱动程序中添加jQuery angular.js这句话？还有吗？或者..如何使用angular.js中的库？我曾在英国寻找过类似的东西，但找不到

---

谢谢

为了使用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
      };
    }
  ]);

---

您可以在此了解更多关于angularJs指令的信息

您可以在plnkr上创建一个演示应用程序，然后我们可以帮助您解决问题。根据我们目前掌握的信息，我们甚至不知道在执行这句话时是否加载了bootstrap tapdrop。您可以从这里尝试jQuery Passthrough：谢谢！！我试着用这个，但不管用。我做了指令，并用它调用，但应用程序没有切换或其他东西。我更改了element.tabdrop（{align:'left'}）；带有元素（“.nav tabs”）.tabdrop（{align:'left'}）；同样的结果；（我举的例子是tag

my tabs指令

。您不能将其用作属性。要将其用作属性，您可以将

restrict

更改为

A

。并使用jQuery

find

方法查找元素。谢谢！我现在明白了；）