javascript - 将 jQuery 依赖项传递给 Angular js Controller

Question

我正在使用 angularjs 1.4，在我的一个 Angular Controller 中我必须使用 jQuery。但是当我试图将它作为依赖项传递时，它不起作用。

我尝试了下面的代码，但没有成功

(function () {
    'use strict';

    var app= angular.module('app');

    app.controller('getUserInfo', ['jQuery',
        function($) {
         // some logic
    }]);
})();

我也试过下面的代码，但没有成功

(function () {
    'use strict';

    var app= angular.module('app');

    app.controller('getUserInfo', ['$',
        function($) {
         // some logic
    }]);
})();

有人可以指导我做错了什么。

Answer 1

您可以在您的应用程序模块中创建您自己的常量，然后您可以在任何您想要的地方注入(inject)该依赖项。

app.constant('jQuery', window.jQuery)

我选择常量，因为它可以在 Angular 的配置阶段注入(inject)它的依赖。

(function () {
    'use strict';

    var app= angular.module('app');

    app.controller('getUserInfo', ['jQuery',
        function($) {
         // $ will provide you all jQuery method available in it.
         //but don't do DOM manipulation from controller.
         //controller is not the correct place to play with DOM.
    }]);
})();

但是由于您想在 Controller 中注入(inject) jQuery 的依赖项，我会说不。不要那样做。基本上你不应该从 Controller 做任何 DOM 操作。您可以通过指令执行此操作，该指令能够以更好的方式使用 DOM。