在 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 变量。逻辑是跟踪正在显示的计数器并在添加时为组件分配一个新值。
希望对您有所帮助!
代码: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 变量。逻辑是跟踪正在显示的计数器并在添加时为组件分配一个新值。
希望对您有所帮助!