在 AngularJs 中加载 jQuery 自定义 JS 文件的最佳方法是什么答案

【问题标题】：What is the Best way to load jQuery custom JS file in AngularJs在 AngularJs 中加载 jQuery 自定义 JS 文件的最佳方法是什么
【发布时间】：2015-06-16 15:18:14
【问题描述】：

基本上我有一个静态页面，使用许多 jQuery dom 操作来创建 UI 和启动一些插件。但现在我正在使用 AngularJs。

原来我有 main.js

  (function($){
    var somedom = $('#someid');
somedom.callingManyJquery() plugins

...some other jquery dom code
  })(jQuery);

现在我有了控制器，它负责将 HTML 内容 main.html 渲染到 index.html。但我想将上面的 main.js 加载到指令中或作为服务加载，因此 DOM 操作应该只在控制器加载后发生，然后 HTML 和 jQuery 将能够找到我的 HTML 标记来捕获 DOM。

在 index.html 里面我有

<div ng-view></div>

在 app.js 我有路由和配置。

.when('/', {
        templateUrl: 'views/main.html',
        controller: 'MainController'
      })

将我的 jQuery 文件加载到我的 AngularJs 控制器中的最佳方式应该是什么。

【问题讨论】：

在大多数情况下，在 Angular 中使用 jQuery 的最佳方式是根本不使用它——它们往往会相互干扰。也就是说，如果您只是在 Google 上搜索“jquery angular”，您应该会找到一些指南来引导您完成它。
目前我将其作为指令加载。
其实我用了很多jQuery插件，比如Parralax、WOW slider、Loader、DatePicker

标签： javascript jquery angularjs

【解决方案1】：

我建议将您的 jQuery 逻辑包装在 Angular 服务或 Angular 工厂中。将来您可以轻松地在 Angular 指令中移动您的 jQuery DOM 操作。

【讨论】：

【解决方案2】：

我创建了单独的指令并将所有页面 jquery 脚本添加到“mainDom”指令中，并将其附加到我要加载它们的页面。

【讨论】：