代码:https://stackblitz.com/edit/dynamic-child-inside-parent-component
代码说明:
我在单击父组件中的按钮时动态创建子组件。我已经从父组件传递输入到子组件(@Input)以跟踪按钮点击计数器值。但是当我从子组件中删除时组件并再次添加我得到的计数器值错误。我已将按钮单击限制为5次。
示例场景:我已经点击了5次按钮,所以如果我删除5中的任何一个子组件(比如我删除事件5)并再次单击来自父级的添加事件按钮,则将子项渲染5次得到事件5的副本?有没有办法更新子组件中的计数器值?任何帮助都会非常感激。请亲自看看我创建的示例,以便提前感谢。
答案 0 :(得分:2)
这是您的工作应用:
https://stackblitz.com/edit/dynamic-child-inside-parent-component-fygtyr
唯一的变化是在addComponent方法中的travellers.component.ts中并声明了一个类变量。逻辑是跟踪正在显示的计数器,并在添加时为组件分配新值。
希望它有所帮助!