我试图在Angular中隐藏自定义组件。我有一个子级和父级组件,子级组件位于父级模板的内部:
<comp (add) = "onAdd($event)"> </comp>
因此,当我尝试隐藏组件时,它可以工作。它可以与隐藏在标签中的文字或设置显示一起使用:无或与ngIf。
但是问题是,当我隐藏组件时,事件不起作用(->(add)=“ onAdd($ event)”)从子级传递给父级的数据对于服务很重要,因此,我需要一种解决方案来隐藏该组件而不丢失所传递的数据。
数据通过EventEmitter从子组件传递。
谢谢你的建议。
答案 0 :(得分:0)
好吧,在这种情况下,密钥将是更改期间子组件的emit
。与此类似的事情可以在子组件的ngOnChanges
中实现,同时将某些@Input
数据从父组件传递到子组件。
我创建了一个 Sample StackBlitz 进行演示。
但是,在大多数情况下并非如此。在大多数情况下,当用户与“子模板”进行交互时,通常会从“子组件”中发出信息。但是由于用户不会首先看到Child,因此实际上不能像评论中提到的那样。