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