欧美bbbwbbbw肥妇,免费乱码人妻系列日韩,一级黄片

angularJS Provider、factory、service詳解及實(shí)例代碼

 更新時(shí)間:2016年09月21日 09:52:36   作者:在路上_W  
這篇文章主要介紹了angularJS Provider詳解及實(shí)例代碼的相關(guān)資料,需要的朋友可以參考下

factory

用 Factory 就是創(chuàng)建一個(gè)對(duì)象,為它添加屬性,然后把這個(gè)對(duì)象返回出來(lái)。你把 service 傳進(jìn) controller 之后,在 controller 里這個(gè)對(duì)象里的屬性就可以通過(guò) factory 使用了。

app.controller('myFactoryCtrl', function($scope, myFactory){
  $scope.artist = myFactory.getArtis();
});
app.factory('myFactory', function(){
  var _artist = '';
  var service = {};

  service.getArtist = function(){
    return _artist;
  }
  return service;
});

service

Service 是用"new"關(guān)鍵字實(shí)例化的。因此,你應(yīng)該給"this"添加屬性,然后 service 返回"this"。你把 service 傳進(jìn) controller 之后,在controller里 "this" 上的屬性就可以通過(guò) service 來(lái)使用了。

app.controller('myFactoryCtrl', function($scope, myService){
  $scope.artist = myService.getArtis();
});
app.service('myService', function(){
  var _artist ='';
  this.getArtist = function(){
    return _artist;
  }
});

provider

Providers 是唯一一種你可以傳進(jìn) .config() 函數(shù)的 service。當(dāng)你想要在 service 對(duì)象啟用之前,先進(jìn)行模塊范圍的配置,那就應(yīng)該用 provider。

app.controller('myProviderCtrl', function($scope, myProvider){
  $scope.artist = myProvider.getArtist();
  $scope.data.thingFromConfig = myProvider.thingOnConfig;
});
app.provider('myProvider', function(){
  this._artist = '';
  this.thingFromConfig = '';

  this.$get = function(){
    var that = this;
    return {
       getArtist: function(){
         return that._artist;
       },
       thingOnConfig: that.thingFromConfig
    }
  }
});
app.config(function(myProviderProvider){
  myProviderProvider.thingFromConfig = 'This was set in config()';
});

value和constant

$provide.value('myValue', 10);
$provide.constant('myConstant', 10);
/*


二者的區(qū)別:
1. value可以被修改,constant一旦聲明就無(wú)法修改
2. value不可以在config中注入,constant可以。
*/

provider、factory、service三者的關(guān)系

app.provider('myDate', { 
  $get: function() { 
   return new Date(); 
  }
});
//可以寫成
app.factory('myDate', function(){ 
 return new Date();
});
//可以寫成
app.service('myDate', Date);

總結(jié)

  1. 所有的供應(yīng)商都只被實(shí)例化一次,也就說(shuō)他們都是單例的
  2. 除了constant,所有的供應(yīng)商都可以被裝飾器(decorator)裝飾
  3. value就是一個(gè)簡(jiǎn)單的可注入的值
  4. service是一個(gè)可注入的構(gòu)造器
  5. factory是一個(gè)可注入的方法
  6. decorator可以修改或封裝其他的供應(yīng)商,當(dāng)然除了constant
  7. provider是一個(gè)可配置的factory

以上就是對(duì)angularJS Provider、factory、service的資料整理,后續(xù)繼續(xù)補(bǔ)充相關(guān)資料,謝謝大家對(duì)本站的支持!

相關(guān)文章

最新評(píng)論