小男孩‘自慰网亚洲一区二区,亚洲一级在线播放毛片,亚洲中文字幕av每天更新,黄aⅴ永久免费无码,91成人午夜在线精品,色网站免费在线观看,亚洲欧洲wwwww在线观看

分享

Angularjs中provider,factory和service的不同

 huhuwoo 2015-10-10

provider, factory和service都是寫Angularjs的service中常用的關鍵字,很容易混淆,寫了一個簡單的例子顯示他們之間的區(qū)別:

分別用service,factory和provider定義三個service:

復制代碼
var wtcModule = angular.module('wtc', []);

wtcModule.service('testService',function(){
     this.lable = 'this is service';
});

wtcModule.factory('testFactory', function () {
     return{
        lable: function(){
        return 'this is factory';
        }
    }
});

wtcModule.provider('testProvider', function(){
    this.$get = function(){
        return 'this is provider';
    }
});
復制代碼

在頁面上留出三個占位符:

<body ng-controller='outputCtrl'>
    <p>{{ output1 }}</p>
    <p>{{ output2 }}</p>
    <p>{{ output3 }}</p>
</body>

寫好outputCtrl:

復制代碼
var wtcModule = angular.module('wtc');

wtcModule.controller('outputCtrl', function($scope,testService, testFactory, testProvider){
    $scope.output1 = testService.lable;
    $scope.output2 = testFactory.lable();
    $scope.output3 = testProvider;
});
復制代碼

最后頁面的顯示結(jié)果為;

說明:

注入service,相當于注入service定義時的function實例。

注入factory,相當于注入factory定義時的函數(shù)調(diào)用入口。

注入provider,相當于注入provider內(nèi)$get定義的函數(shù)實例的調(diào)用。

    本站是提供個人知識管理的網(wǎng)絡存儲空間,所有內(nèi)容均由用戶發(fā)布,不代表本站觀點。請注意甄別內(nèi)容中的聯(lián)系方式、誘導購買等信息,謹防詐騙。如發(fā)現(xiàn)有害或侵權內(nèi)容,請點擊一鍵舉報。
    轉(zhuǎn)藏 分享 獻花(0

    0條評論

    發(fā)表

    請遵守用戶 評論公約

    類似文章 更多