在Angular中隐藏组件

时间:2018-11-09 06:56:15

标签: angular

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

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

因此,当我尝试隐藏组件时,它可以工作。它可以与隐藏在标签中的文字或设置显示一起使用:无或与ngIf。

但是问题是,当我隐藏组件时,事件不起作用(->(add)=“ onAdd($ event)”)从子级传递给父级的数据对于服务很重要,因此,我需要一种解决方案来隐藏该组件而不丢失所传递的数据。

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

谢谢你的建议。

1 个答案:

答案 0 :(得分:0)

好吧,在这种情况下,密钥将是更改期间子组件的emit。与此类似的事情可以在子组件的ngOnChanges中实现,同时将某些@Input数据从父组件传递到子组件。

我创建了一个 Sample StackBlitz 进行演示。

但是,在大多数情况下并非如此。在大多数情况下,当用户与“子模板”进行交互时,通常会从“子组件”中发出信息。但是由于用户不会首先看到Child,因此实际上不能像评论中提到的那样。