我试图在Angular中隐藏一个自定义组件。我有一个子组件和父组件,子组件在父组件的模板中:
<comp (add) = "onAdd($event)"> </comp>
所以,当我试图隐藏组件时,它是有效的。它适用于隐藏在标记中的写入或设置显示:none或ngIf。
但问题是,当我隐藏组件时,事件不起作用(->(add(="onAdd($event("(从子级传递给父级的数据对服务很重要,所以我需要一个在不丢失传递数据的情况下隐藏组件的解决方案。
数据通过子组件的EventEmitter传递。
谢谢你的建议。
在这种情况下,关键是在更改期间从子组件到emit
。可以在子组件的ngOnChanges
中实现类似的功能,同时将一些@Input
数据从父组件传递给子组件。
我创建了一个示例StackBlitz来演示这一点。
但在大多数情况下情况并非如此。在大多数情况下,当用户与子模板交互时,通常从子组件发出。但由于用户一开始就看不到Child,这就不可能像评论中提到的那样。