javascript - 在 Angular 的 ngOnChanges 中调用本地声明的函数

标签 javascript angular typescript

我知道这是一个相当基本的问题,但我似乎找不到解决方案。这是:

我有一个 Angular 组件,在该组件中我有一个函数。

export class RolesListComponent implements OnInit, OnChanges {

    @ViewChild(DxDataGridComponent) dataGrid: DxDataGridComponent;

    ngOnChanges(changes: SimpleChanges): void {
        this.refresh();
    }

    refresh(){
        this.dataGrid.instance.refresh();
    }

}

在 onchanges 中调用 this.refresh() 不起作用,并给出刷新未定义的错误。

我可以做什么来直接在 onchanges 中执行函数内的代码,或者函数本身。

最佳答案

根据文档

ngOnChanges Respond when Angular (re)sets data-bound input properties

简单地说,如果您有任何 @input 属性,并且想要检测这些属性的任何更改,则可以使用 ngOnChanges。由于我在组件中没有看到任何输入属性,这可能就是 ngOnchanges 无法执行的原因

关于javascript - 在 Angular 的 ngOnChanges 中调用本地声明的函数,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/53816881/

相关文章:

node.js - 来自源的错误 : Access to XMLHttpRequest at https://storage. googleapis.com/url 已被 CORS 策略阻止。使用 gcp SignedURl 时有 Angular

javascript - 在 Ionic 中触发输入时关闭 Android 设备中的键盘

javascript - 加载页面上所有其他文件后加载动画 gif

javascript - 触发 Controller 显示 View

javascript - 如何理解JavaScript三元表达式?

javascript - 如何在组件初始化时显示 Angular Material 工具提示

javascript - Chart.js 两个 y 轴折线图工具提示值对于第二个 y 轴不正确

angular - 在 Linux Web 应用程序上的 Azure 中运行 Angular

typescript - 使用通用的扩展接口(interface)不再可分配给父级

typescript - 由于 s3key 哈希值更改,为 AWS CDK 编写的单元测试失败