ng: areq fn не является функцией, полученной объектомУслуги angularjs es6

Question

У меня есть 1 сервис, который расширяет другие. Когда я пытаюсь импортировать его в контроллер, полученная ошибка ng: areq fn не является функцией, получившей UserRepository. Я думаю, что моя проблема заключается в правильном способе инъекции этой услуги. Вот моя служба:

import { USER_REPO_CONFIG } from '../repository.config'; 
import { AbstractRepository } from '../abstract.repository'; 
import { UserModel } from './user.model'; 

import 'rxjs/add/operator/map'; 

class UserRepository extends AbstractRepository { 
    constructor($http) { 
     'NgInject' 
     super($http, USER_REPO_CONFIG, UserModel); 
    } 

    /** 
    * Gets the user by ID 
    * 
    * @param {number} userId - ID of a user to find 
    * @returns {Observable<UserModel>} - User model instance 
    */ 
    getUser(userId) { 
     return this.getItem(userId); 
    } 

    /** 
    * Creates the user 
    * 
    * @param {UserModel} user - User model instance 
    * @returns {Observable<UserModel>} - User model instance observable 
    */ 
    createUser(user) { 
     return this.createItem(user); 
    } 

    /** 
    * Updates the user 
    * 
    * @param {number} userId - ID of a user to update 
    * @param {UserModel} user - User model instance 
    * @returns {Observable<UserModel>} - User model instance observable 
    */ 
    updateUser(userId, user) { 
     return this.updateItem(userId, user); 
    } 
} 

export { UserRepository }; 

вот мой модуль:

import { HelloComponent } from './hello/hello.component'; 
import { UserRepository } from '../core/repository/user/user.repository'; 

const greetingModule = angular 
        .module('app.greeting',[]) 
        .component('helloComponent', new HelloComponent) 
        .service('UserRepository', new UserRepository) 
        .name; 

export { greetingModule }; 

и мой контроллер:

import { UserRepository } from '../../core/repository/user/user.repository'; 

class HelloController { 
    constructor(UserRepository) { 
     this.hello = 'Hello World'; 
     this.service = UserRepository; 
    } 

    getAll() { 
     console.log('user Repository', this.service) 
    } 
} 
HelloController.$inject = ['UserRepository']; 
export { HelloController }; 

Answer 1

.service('UserRepository', new UserRepository) 

.service() ожидает функции, вы передаете объект. Вы можете напрямую передать этот класс:

.service('UserRepository', UserRepository) 

Передача класса эффективно передает функцию конструктора.