Eu gostaria de passar um service como parâmetro entre 2 componentes, do pai para o filho. A comunicação entre os componentes está okay, estou recebendo o service, mas quanto tento utilizar as funções dentro do service dá como se não existissem. Lembrando que eu quero passar o service inteiro (para não precisar importar) e não somente o nome dele.
Exemplo
Parent.component.ts
Import { Service} from '../_service/service.service';
...
@ViewChild('child') child:ChildComponent;
constructor(private service:Service) {
}
ngOnInit() {
//pelo componente pai estou enviando o service como parâmetro ao filho, tudo okay ele recebe l
this.child.setService(Service);
}
Child.component.ts
...
private serviceElement;
ngOnInit() {
useService();
}
setService(service:any) {
console.log(service);
//o retorno do console.log é: Service(http) { this.http = http ....
//ou seja, o service chegou até aqui
return this.serviceElement = service;
}
useService() {
this.serviceElement.list();
//retorna o erro abaixo
}
O erro retornado ao tentar utilizar o service é:
ERROR Error: Uncaught (in promise): TypeError: this.serviceElement.list is not a function
Qual seria a forma correta de passar um service de um componente pai para o filho como parâmetro?