angularJS文件

Question

我app1.js
這樣

定義一些service app1.js

angular.module('todoApp.services', []).factory('TodoService', function($http, $location) { 
    ┊ return { 
    ┊ ┊ send: function(url, par) { 
    ┊ ┊ ┊ return $http.get(url, { 
    ┊ ┊ ┊ ┊ params: par 
    ┊ ┊ ┊ }); 
    ┊ ┊ }, 
    ┊ ┊ get_default_data: function($scope, url, par) { 
    ┊ ┊ ┊ this.send(url, par).success(function(data) { 
    ┊ ┊ ┊ ┊ $scope.data = data; 
    ┊ ┊ ┊ }); 
    ┊ ┊ }, 
    ┊ ┊ change_status: function($scope, url, par) { 
    ┊ ┊ ┊ this.send(url, par).success(function() { 
    ┊ ┊ ┊ ┊ angular.forEach($scope.data, function(item) { 
    ┊ ┊ ┊ ┊ ┊ if (item.id === par.sid) { 
    ┊ ┊ ┊ ┊ ┊ ┊ item.status = par.status; 
    ┊ ┊ ┊ ┊ ┊ } 
    ┊ ┊ ┊ ┊ }); 
    ┊ ┊ ┊ }); 
    ┊ ┊ }, 
    }) 

，我怎麼能在另一個.js使用todoApp.services文件？
我使用這樣

app2.js

angular.module('myapp', ['todoApp.services']) 

它不工作，我該如何使用呢？

Answer 1

我只需將應用程序模塊的服務關閉，然後將服務注入到帶有DI的控制器中。

app.js

(function() { 

    angular.module('app', []); 

})(); 

app.services.js

(function() { 

    function appService() { 
     // service code 
    } 

    angular.module('app') 
     .factory('appService', appService);   

})(); 

app.controller.js

(function() { 

    function appController(appService) { 
     // controller code 
    } 

    angular.module('app') 
     .controller('appController', appController);   

})(); 

這會給你你的控制器內的工廠數據。

Answer 2

var myApp = angular.module('myApp', []); 
    myApp.factory('myService', function() { 
     return { 
      myFunction: function() { 
       alert("I'm foo!"); 
      } 
     }; 
    }); 

在rootcope上定義服務。在任何控制器

myApp.run(function($rootScope, myService) { 
     $rootScope.appData = myService; 
    }); 

接入服務：

myApp.controller('MainCtrl', ['$scope', function($scope){ 
     $scope.appData.myFunction(); 
    }]); 

Answer 3

根據你當前的實現已宣佈todoApp.services模塊中有一個工廠，您所定義的todoApp.services依賴於myapp這知府。

然而，你應該返回從服務承諾，而不是操縱$scope

angular.module('todoApp.services', []).factory('TodoService', function($http, $location) { 
    return { 
     get_default_data: function() { 
      return $http.get(url, par) 
     } 
    } 
}) 

要使用就得injcet服務到您的位指示

myApp.controller('MainCtrl', ['TodoService', '$scope', function(TodoService, $scope){ 

    //Call the service method 
    TodoService.get_default_data().then(function(){ 
     $scope.data = data; 
    });  
}]);