在"角度"中隐藏零部件



我试图在Angular中隐藏一个自定义组件。我有一个子组件和父组件,子组件在父组件的模板中:

<comp (add) = "onAdd($event)"> </comp>

所以,当我试图隐藏组件时,它是有效的。它适用于隐藏在标记中的写入或设置显示:none或ngIf。

但问题是,当我隐藏组件时,事件不起作用(->(add(="onAdd($event("(从子级传递给父级的数据对服务很重要,所以我需要一个在不丢失传递数据的情况下隐藏组件的解决方案。

数据通过子组件的EventEmitter传递。

谢谢你的建议。

在这种情况下,关键是在更改期间从子组件到emit。可以在子组件的ngOnChanges中实现类似的功能,同时将一些@Input数据从父组件传递给子组件。

我创建了一个示例StackBlitz来演示这一点。

但在大多数情况下情况并非如此。在大多数情况下,当用户与子模板交互时,通常从子组件发出。但由于用户一开始就看不到Child,这就不可能像评论中提到的那样。

最新更新