Angular 1.x服务与单独的文件

时间:2016-09-02 22:53:01

标签: angularjs service

我在app.js中使用Angular 1.4服务,但我想在单独的文件中移动此服务。谁能告诉我一个网站解释如何做到这一点?谢谢!

1 个答案:

答案 0 :(得分:1)

下面是一个如何在单独的文件中移动服务的示例。

app.js:

(function(){

    // create main app module
    angular.module('myApp', []);

})();

controller.js:

(function(){

    angular.module('myApp').controller(MyController, MyController);

    // inject dependencies here
    MyController.$inject = ['MyService'];

    function MyController(MyService) {

        // controller logic

    }

})();

service.js:

(function(){

    angular.module('myApp').factory('MyService', MyService);

    MyService.$inject = [];

    function MyService() {

        var service = {};

        return service;

    }

})();

对于具有良好解释和最佳实践的网站,请查看已获得角度团队认可的angular 1.x style guide。特别要注意Style Y001