在angular.js控制器中导入jQuery

Bootstrap Tapdrop jQuery in angular.js controller

本文关键字：导入 jQuery 控制器 angular js      更新时间：2023-09-26

我看到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指令的信息https://docs.angularjs.org/guide/directive

相关文章：