Accediendo a los datos pasados usando el decorador @Input
Tengo un componente hijo que se ve así
Componente hijo
@Component({
selector: 'child-component',
//TemplateUrl, Styles and Providers
})
export Class ChildComponent implements OnInit{
@Input()
arrayToGet; //An array that I want to pass from Parent to child
ngOnInit(){
console.log('The Array I got is ', this.arrayToGet); //Undefined, Tried even with setTimeout
}
//A bunch of methods to work with the array I get
}
Componente principal
@Component({
selector: 'parent-component',
template: '<div>
<child-component [arrayToGet]="models"></child-component>
</div>',
//A bunch of Styles and Providers
})
export class ParentComponent{
models;
constructor(......){}
ngOnInit(){
//Get an array from a service assign to this.models;
}
}
El problema es que no puedo realizar ninguna operación enarrayToGet
dentro de miChildComponent
. Sin embargo, puedo usar las propiedades enarrayToGet
dentro de miChildComponent
El HTML.
¿Alguna idea?