$ resourceは、Webサービスを処理するための非常に便利な方法を提供する素晴らしいものです。GETとPOSTを異なるURLで実行する必要がある場合はどうなりますか?
たとえば、GETURLはパラメータなしhttp://localhost/pleaseGethere/:id
でPOSTURLはパラメータなしですhttp://localhost/pleasePosthere
$ resourceは、Webサービスを処理するための非常に便利な方法を提供する素晴らしいものです。GETとPOSTを異なるURLで実行する必要がある場合はどうなりますか?
たとえば、GETURLはパラメータなしhttp://localhost/pleaseGethere/:id
でPOSTURLはパラメータなしですhttp://localhost/pleasePosthere
[actions]の'url'プロパティを使用して、デフォルトのurlを上書きします。
$resource(url, [paramDefaults], [actions], options);
例えば:
$resource('http://localhost/pleaseGethere/:id',{},{
getMethod:{
method:'GET',
isArray:true
}
postMethod:{
url:'http://localhost/pleasePosthere',
method:'POST',
isArray:false
}
}
Angular $ resourceの使用法:http://docs.angularjs.org/api/ngResource/service/$resource
URLをパラメータとして公開できるはずです。私はこれを行うことができました:
$provide.factory('twitterResource', [
'$resource',
function($resource) {
return $resource(
'https://:url/:action',
{
url: 'search.twitter.com',
action: 'search.json',
q: '#ThingsYouSayToYourBestFriend',
callback: 'JSON_CALLBACK'
},
{
get: {
method: 'JSONP'
}
}
);
}
]);
次に、通話のURLを上書きできますGET
。
http://
本当に簡単なテストで見つけた1つの注意点は、URL文字列に含めると、機能しないということでした。エラーメッセージが表示されませんでした。何もしませんでした。
パラメータ名を含むハッシュを$resource呼び出しに追加する場合:
$resource('localhost/pleaseGethere/:id', {id: '@id'});
次に、関数を呼び出すときに:idがid paramにマップされます(これにより、 GET localhost / pleaseGethere / 123が呼び出されます):
Resource.get({id: 123});
POSTの場合、 idparamを割り当てないでください。
Resource.post({}, {name: "Joe"});
適切なURLが呼び出されます。この場合はPOSTlocalhost/ pleaseGethereです(末尾のスラッシュはngResourceによって削除されます)。
詳細については、 http://docs.angularjs.org/api/ngResource。$resource- >例->クレジットカードリソースを参照してください。
Iris Wongの回答に加えて、複数のメソッドとアクションを持つ複数のパラメーターを持つ例を示したいと思いました。
angular
.module('thingApp')
.factory('ThingResource', ['$resource', '$state', returnThing]);
そしてリソース:
function returnThing($resource, $state) {
var mainUrl = '/api/stuffs/:stuffId/thing'
var params = {stuffId: '@_id', thingMongoId: '@_id', thingNumber: '@_id'}
return $resource(mainUrl, params, {
'save': {
url: '/api/stuffs/:stuffId/thing/:thingMongoId',
method: 'POST',
interceptor: {
responseError: function(e) {
console.warn('Problem making request to backend: ', e)
$state.go('oops')
}
}
},
'get': {
url: '/api/stuffs/:stuffId/thing/:thingMongoId',
method: 'GET',
interceptor: {
responseError: function(e) {
console.warn('Problem making request to backend: ', e)
$state.go('oops')
}
}
},
'assignThing':{
method: 'POST',
url: '/api/stuffs/:stuffId/thing/assign/:thingNumber'
}
});
}
これは3つの別々の方法を与えます:
// POST to http://currnt_base_url/api/stuffs/:stuffId/thing/:thingMongoId
ThingResource.save({
stuffId:'56c3d1c47fe68be29e0f7652',
thingMongoId: '56c3d1c47fe6agwbe29e0f11111'})
// GET to current http://currnt_base_url/api/stuffs/:stuffId/thing/:thingMongoId
ThingResource.get({
stuffId:'56c3d1c47fe68be29e0f7652',
thingMongoId: '56c3d1c47fe6agwbe29e0f11111'})
// POST to http://currnt_base_url/api/stuffs/:stuffId/thing/assign/:thingNumber
ThingResource.assignThing({
stuffId:'56c3d1c47fe68be29e0f7652',
thingNumber: '999998'})
この方法に従ってください:
(function () {
'use strict';
angular
.module("app")
.factory("SomeFactory", SomeFactory);
function SomeFactory($resource) {
var provider = "http://stackoverflow.com/:action/:id";
var params = {"id":"@id"};
var actions = {
"create": {"method": "POST", "params": {"action": "CreateAwesomePost"}},
"read": {"method": "POST", "params": {"action": "ReadSomethingInteresting"}},
"update": {"method": "POST", "params": {"action": "UpdateSomePost"}},
"delete": {"method": "GET", "params": {"action": "DeleteJustForFun"}}
};
return $resource(provider, params, actions);
}
})();
お役に立てば幸いです。楽しみ!