以角度5访问动态子组件内的父数据

时间:2018-01-30 09:25:42

标签: angular angular-components viewchild

代码:https://stackblitz.com/edit/dynamic-child-inside-parent-component

代码说明:

我在单击父组件中的按钮时动态创建子组件。我已经从父组件传递输入到子组件(@Input)以跟踪按钮点击计数器值。但是当我从子组件中删除时组件并再次添加我得到的计数器值错误。我已将按钮单击限制为5次。

示例场景:我已经点击了5次按钮,所以如果我删除5中的任何一个子组件(比如我删除事件5)并再次单击来自父级的添加事件按钮,则将子项渲染5次得到事件5的副本?有没有办法更新子组件中的计数器值?任何帮助都会非常感激。请亲自看看我创建的示例,以便提前感谢。

1 个答案:

答案 0 :(得分:2)

这是您的工作应用:

https://stackblitz.com/edit/dynamic-child-inside-parent-component-fygtyr

唯一的变化是在addComponent方法中的travellers.component.ts中并声明了一个类变量。逻辑是跟踪正在显示的计数器,并在添加时为组件分配新值。

希望它有所帮助!