¿Cómo se inyecta un componente primario en un componente secundario?
Estoy tratando de inyectar un componente primario en un componente secundario. Pensé que esto sería sencillo: simplemente especifique / inyecte el componente padre en el niñoconstructor()
:
constructor(private _parent:AppComponent) {} // child component constructor
Obtuve el siguiente error:
EXCEPCIÓN: No se pueden resolver todos los parámetros para ChildComponent (?). Asegúrese de que todos tengan anotaciones o tipos válidos.
¿Qué me estoy perdiendo?
Componente Infantil:
import {Component} from 'angular2/core';
import {AppComponent} from './app.component';
@Component({
selector: 'child',
template: `<p>child</p>`
})
export class ChildComponent {
constructor(private _parent:AppComponent) {}
}
Componente de la aplicación:
import {Component} from 'angular2/core';
import {ChildComponent} from './child.component';
@Component({
selector: 'my-app',
template: `{{title}} <child></child>
`,
directives: [ChildComponent]
})
export class AppComponent {
title = "Angular 2 - inject parent";
constructor() { console.clear(); }
}