Преобразование углового завода угловой службы ES6

Question

У меня есть этот завод:

.factory('FeedLoad', function ($resource) { 
    return $resource('http://ajax.googleapis.com/ajax/services/feed/load', {}, { 
     fetch: { method: 'JSONP', params: {v: '1.0', callback: 'JSON_CALLBACK'} } 
    }); 
}) 

Завод называется так:

FeedLoad.fetch({ 
    q: data.responseData.url 
}, {}, function (data) { //lookup title 
    if (data.responseStatus != 200) { 
     return; 
    } 

    $scope.feed.title = data.responseData.feed.title; 
}); 

Я попробовал этот способ, чтобы преобразовать его в угловую службу ES6:

class FeedParserService { 
    constructor($resource) { 
    'ngInject'; 

    RESOURCE.set(this, $resource); 
    } 
    feedLoad(){ 
    return RESOURCE.get(this)('http://ajax.googleapis.com/ajax/services/feed/lookup', {}, { 
     fetch: { method: 'JSONP', params: {v: '1.0', callback: 'JSON_CALLBACK'} } 
    }); 
    } 
} 

И я пытаюсь назвать это таким образом:

data = feedParserService.feedLoad().fetch({ 
    q: this.dataSet[i].szUrl; 
}, {}, function(data){ 

}); 

Но это не работает. Я мог бы использовать руку, пожалуйста.

Answer 1

Для этого варианта использования вы должны использовать завод, а не сервис.

В большинстве случаев, когда используется метод factory, он фактически должен использовать метод service и быть class в ES6. Этот случай является исключением. Вам необходимо зарегистрировать фабричный метод, который вызывает $resouce factory.

В ES6 и (и в основном ES5, если заменить импорт с требуйте) он должен выглядеть примерно так:

import {app} from '../app';  

feedLoadFactory.$inject = ['$resource']; 
feedLoadFactory($resource) { 

    return 
     $resource('http://ajax.googleapis.com/ajax/services/feed/load', 
      {}, { 
       fetch: { 
        method: 'JSONP', 
        params: {v: '1.0', callback: 'JSON_CALLBACK'} 
       } 
     }); 
} 

app.factory('feedLoad', feelLoadFactory); 

Затем вы можете впрыснуть его как feedLoad и использовать его в качестве feedLoad.fetch...