[英]How to get access to child component object in Angular
我有父组件id="componentOne"
,其中包含另一个子组件<app-buttons>
:
<div id="componentOne">
<app-buttons
[component]="'WeeklyScheduleComponent'"
[buttonTypes]="['add', 'filter']"
[position]="'right-bottom'"
></app-buttons>
</div>
在组件app-buttons
内部有:
ngOnInit() {
this.buttonUsage = new ButtonUsage(this.component, this.buttonTypes);
}
那么,如何在初始化this.buttonUsage = new ButtonUsage
之后从父组件获取对this.buttonUsage
访问?
您可以使用viewChild进行访问,您的组件实例将在ngAfterViewInit中可用
@ViewChild(AppButtonsComponent) appButtonsViewChild: AppButtonsComponent;
ngAfterViewInit() {
console.log(this.appButtonsViewChild.buttonUsage );
}
如果您有多个孩子,则可以在QueryList泛型类型旁边使用@ViewChildren装饰器
@ViewChildren(AppButtonsComponent) appButtonsViewChildren: QueryList<AppButtonsComponent>;
ngAfterViewInit() {
let buttons: AppButtonsComponent[] = this.appButtonsViewChildren.toArray();
console.log(buttons);
}
声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.