2019獨角獸企業重金招聘Python工程師標準>>>

那么問題來了，Angular 提供了三種方法來創建并注冊我們的 service：factory, service 和 provider 。

Factory :

• 用 factory 就是創建一個對象，為他添加屬性，然后把這個對象 return 出來。當你把 service 傳進 controller 以后，在 controller 中這個對象的屬性就可以通過 factory 使用了。

var app = angular.module('app',[]); app.factory('myFactory',function(){var test = {};test.name = "Jason";test.sayHello = function(){console.log("hello world")};return test; }); app.controller("myCtrl",function($scope,myFactory){$scope.greet =myFactory.test.sayHello;//use the attrs of the obj in the factory })

• ?

Service:

• service 是用 new 關鍵字實例化的。因此，你應該給 this 添加屬性，然后 service 返回 this。你把 service 傳進 controller 以后，在 controller 里 this 上的屬性就可以用通過 service 來使用了

app.service('myService',function(){var _artist = "Nelly";this.getAritist = function(){return _artist;}；});app.controller("myCtrl",function($scope,myService){$scope.getArtist = myService.getArtist;});

• Provider :

  Providers?是唯一一種你可以傳進 .config() 函數的 service。當你想要在 service 對象啟用之前，先進行模塊范圍的配置，那就應該用 provider。

app.provider("myProvider",function(){this._artist = " " ;this.thingFromConfig = " " ;this.$get = function(){var that ?= ?this;return ?{getArtist : function(){return that._artist;},thingOnConfig : that.thingFromConfig}},thingOnConfig?});app.controller("myController",function($scope,myProvider){$scope.artist = myProvider.getArtist();$scope.data.thingFromConfig = myProvider.thingOnConfig;});app.config(function(myProviderProvider){myProviderProvider.thingFromConfig = "This was set in config() " ;})

?

轉載于:https://my.oschina.net/u/1778998/blog/781253

總結

以上是生活随笔為你收集整理的AngularJS笔记之创建服务方式比较 ： factory vs service vs provider的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。