在 angular 5 中访问动态子组件内的父数据

Access parent data inside dynamic child component in angular 5

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

代码说明:

我在单击父组件中的按钮时动态创建了子组件 component.I 已将输入从父组件传递到子组件 (@Input) 以跟踪按钮点击计数器 value.But当我从子组件中删除并再次添加时,我得到计数​​器值 wrong.I 已将按钮点击限制为 5 次。

示例场景:我点击了按钮 5 次,因此如果我删除 5 个子组件中的任何一个(比如我删除事件 5)并单击父级的添加事件按钮,则子组件将渲染 5 次我再次得到事件 5 的副本?有没有办法更新子组件中的计数器值?任何帮助都是真的 appreciated.Kindly 请参阅我创建的示例以了解,提前致谢。

这是您的工作应用程序:

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

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

希望对您有所帮助!