1

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

代码说明:

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

示例场景:我已单击按钮 5 次,因此如果我删除 5 个子组件中的任何一个(例如我删除事件 5)并再次单击父组件的添加事件按钮,则子组件会呈现 5 次,我会得到重复的事件 5?有没有办法更新子组件中的计数器值?任何帮助将不胜感激。请参阅我创建的示例以了解,在此先感谢。

4

1 回答 1

3

这是您的工作应用程序:

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

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

希望能帮助到你!

于 2018-01-30T09:57:11.687 回答