javascript - 在调用函数之前设置类范围变量

Question

我有一个创建 d3 图表的组件。它根据 id 在 div 元素中创建图表，因此我设置 div 的 id > 在组件启动期间，然后调用创建图表的私有(private)函数:

HTML:

<div class="widget">
    <div class="header">Progress Status</div>
    <div id="{{chartId}}" class="gauge-chart-container"></div>
</div>

JavaScript:

public ngOnInit(){
    this.chartId = 'chart-'+uuid();
    this.createGaugeChart(this.chartId);
}

这里的问题是函数 createGaugeChart 在 div 元素获得 id 分配之前运行，因此当我添加 timeout 函数时它会起作用:

public ngOnInit(){
    this.chartId = 'chart-'+uuid();
    setTimeout(() => {
        this.createGaugeChart(this.chartId);    
    },1000);
}

当然，我不想添加超时，那么有没有办法可以在调用任何函数之前等待 HTML 使用范围变量进行渲染？或者也许我在错误的位置调用了 createGaugeChart 函数？

Answer 1

看看这里:https://angular.io/guide/lifecycle-hooks .

我认为你可能在 ngAfterViewInit() 之后