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

Question

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

orignally我有main.js

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

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

现在我有了我的控制器，它负责将HTML内容main.html呈现为index.html。但是我想将上面的main.js加载到Directive或者作为服务，所以DOM操作应该只在控制器加载之后发生，然后HTML和jQuery才能找到我的HTML标签来捕获DOM。

在index.html中我有

<div ng-view></div>

app.js中的

我有路由和配置。

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

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

Answer 1

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

Answer 2

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