如何通過參數angularjs

Question

我期待通過angularjs例子模塊，我發現這個例子：

// This is a module for cloud persistance in mongolab - https://mongolab.com 
angular.module('mongolab', ['ngResource']). 
factory('Project', function($resource) { 
    var Project = $resource('https://api.mongolab.com/api/1/databases' + 
     '/angularjs/collections/projects/:id', 
     { apiKey: '4f847ad3e4b08a2eed5f3b54' }, { 
     update: { method: 'PUT' } 
     } 
); 

    Project.prototype.update = function(cb) { 
    return Project.update({id: this._id.$oid}, 
     angular.extend({}, this, {_id:undefined}), cb); 
    }; 

    Project.prototype.destroy = function(cb) { 
    return Project.remove({id: this._id.$oid}, cb); 
    }; 

    return Project; 
}); 

我不想用魔法串靜態資源，如https://api.mongolab.com/api/1/databases/angularjs/collections/projects/:id，而是我會喜歡讓它在服務器上定義並在稍後傳遞到模塊中。我的問題是，你如何參數化模塊，即如何從外部將JavaScript變量傳遞到模塊中？

Answer 1

只有當您想公開一個必須在應用程序啓動之前必須完成的應用程序範圍配置的API時，您應該使用Provider配方。這通常僅適用於可重用服務，其行爲可能需要在應用程序之間略有不同。

var app = angular.module('mongolab', ['ngResource']) 
app.provider('project', function projectProvider(){ 
    var resourceUrl = false; 

    this.resourceUrl = function(url){ 
     this.resourceUrl = url; 
    } 

    this.$get = [function project(){ 
     return new Project(resourceUrl); 
    }]; 
}); 

function Project(resourceUrl) { 
    var Project = $resource(resourceUrl, 
     { apiKey: '4f847ad3e4b08a2eed5f3b54' }, { 
     update: { method: 'PUT' } 
     } 
); 

    Project.prototype.update = function(cb) { 
    return Project.update({id: this._id.$oid}, 
     angular.extend({}, this, {_id:undefined}), cb); 
    }; 

    Project.prototype.destroy = function(cb) { 
    return Project.remove({id: this._id.$oid}, cb); 
    }; 

    return Project; 
}); 

然後你就可以用

app.config(["projectProvider", function(projectProvider){ 
    projectProvider.resourceUrl('https://api.mongolab.com/api/1/databases' + 
     '/angularjs/collections/projects/:id') 
}]);