Как получить доступ к компоненту Angular2, внедренному в компонент?

Question

Согласно http://victorsavkin.com/post/126514197956/dependency-injection-in-angular-1-and-angular-2, применение в масштабах всей службы могут быть добавлены к корневой инжектор, используя что-то вроде этого:

bootstrap(App, [UserService, LoginService]

И тогда можно обращаться в дочерних компонентов, как это:

class A { 
 
    constructor(userService: UserService) { 
 
    
 
    } 
 
}

Однако результаты исключения, жалующиеся на параметры, не могут быть разрешены и предлагают убедиться, что они имеют правильный тип или аннотацию.

Каков правильный способ внедрения услуг прикладной программы и доступа к ним в дочерних компонентах?

Answer 1

Если ребенок компонент находится в отдельном файле, убедитесь, что вы по-прежнему импортировать службу в

import {UserService} from '../../services/UserService'; 

@Component({ 
    // don't add UserService in providers here 
}) 

class A { 
    userService: UserService; 
    constructor(userService: UserService) { 
     this.userService = userService; 
    } 
}