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指令的信息