如何在 Angular4 中实现 ngFor 回调?
How to implement ngFor callback in Angular4?
我知道关于这一点有几个问题。我有一个 table 并且对于每一行我都有一个按钮来显示带有模态的行的详细信息,因此我需要调用一个函数来在 ngFor 完成呈现它们时初始化这些按钮。
此外部函数将向每个按钮添加侦听器 "onClick" 以打开模态,遗憾的是我无论如何都无法编辑此外部函数。
ngFor
是同步的,所以只要 ngForOf
数组在 ngDoCheck
生命周期中更新,它就会呈现所有项目。所以你可以安全地在父组件中使用 ngAfterViewChecked
来执行你的逻辑。当触发此生命周期挂钩时,ngFor
已将项目添加到 DOM。
我知道关于这一点有几个问题。我有一个 table 并且对于每一行我都有一个按钮来显示带有模态的行的详细信息,因此我需要调用一个函数来在 ngFor 完成呈现它们时初始化这些按钮。 此外部函数将向每个按钮添加侦听器 "onClick" 以打开模态,遗憾的是我无论如何都无法编辑此外部函数。
ngFor
是同步的,所以只要 ngForOf
数组在 ngDoCheck
生命周期中更新,它就会呈现所有项目。所以你可以安全地在父组件中使用 ngAfterViewChecked
来执行你的逻辑。当触发此生命周期挂钩时,ngFor
已将项目添加到 DOM。