如何显示数组、子组件到父组件的值？
如何显示数组、子组件到父组件的值？
提问于 2022-09-26 21:04:41
我需要从子组件中的数组中获取值，并在父组件中显示数据，我如何做到这一点？
只有单击“保存”按钮时，我才显示数组中的数据，但现在需要默认显示数组。
child.component.ts
tabs = [
{
name: 'Tab 1',
placeholder: 'placeholder1',
formControlName: 'inputValue',
value: '',
},
{
name: 'Tab 2',
placeholder: 'placeholder2',
formControlName: 'inputValue',
value: '',
},
];回答 2
Stack Overflow用户
发布于 2022-09-26 21:31:21
在您的情况下，您只需要在子组件中实现OnInit。
export class ChildComponent implements OnInit然后在submit()实现中调用您的OnInit方法。
ngOnInit(): void {
this.submit();
}因此，当子节点被初始化时，它会发送数组。
Stack Overflow用户
发布于 2022-09-27 04:15:12
您可以在子组件中使用输出方法，
@Output() selectedtabs = new EventEmitter<tabs[]>();
ngOnInit(): {
submit(tab:tabs){
this.selectedtabs.emit(tab);
}
here tabs is the interface ,
// on parent component
//parent html
<component-name (selectedtabs)="selecttabs($event)"></component-name>
//parent ts file
ngOnInit(): {
selecttab(tab: tabs) {
this.selectedtab = tab;
}页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/73859930
复制相关文章
相似问题
腾讯云开发者
