javascript - 如何在 Angular4 中实现 ngFor 回调?

标签 javascript angular ngfor

我知道关于这一点有几个问题。我有一个表,对于每一行,我都有一个按钮来显示带有模态的行的详细信息,因此当 ngFor 完成渲染它们时,我需要调用一个函数来初始化这些按钮。 这个外部函数将向每个按钮添加监听器“onClick”以打开模式,遗憾的是我无论如何都无法编辑这个外部函数。

最佳答案

ngFor 是同步的,因此只要 ngForOf 数组在 ngDoCheck 生命周期中更新,它就会呈现所有项目。因此,您可以安全地在父组件中使用 ngAfterViewChecked 来执行您的逻辑。当此生命周期钩子(Hook)被触发时,ngFor 已将项目添加到 DOM。

关于javascript - 如何在 Angular4 中实现 ngFor 回调?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/45411112/

相关文章:

html - 如何访问 *ngFor 中的 'index' 并对其进行编辑(无法删除列表中的多个项目)

arrays - 使用 *ngFor (Angular 4) 遍历 JSON 对象数组

javascript - CSS 绑定(bind)在 Knockout JS 中不起作用

javascript - 为什么我不能禁用ajaxToolkit :AsyncFileUpload

javascript - Primeng 确认对话框在服务中不起作用

javascript - 如何在 Angular ngFor 循环中将表行移动到顶部?

javascript - 通过 Id 使用 Jquery Datatable 插件删除行

javascript - 我如何解析此 JSON 以便在 Backbone View 中使用

angular - 如何在同一页面上添加多个组件?

Angular Router.navigate 使用 queryParams 导航到子路由