在没有单击事件的情况下调用HTML中的TypeScript函数

Question

我知道如何在单击按钮时调用TypeScript，但是如何在没有该类型事件的情况下调用函数？ 当我有一个名为chartData的数组填充时，我想调用一个函数。 这就是我所拥有的：

        <div *ngIf="chartData.length">
            chartMethod();
        </div>

但是不是调用chartMethod() ，而是在html页面上打印'chartMethod（）'。

我也尝试过：

            <script> 
                chartTest();
            </script>

但该功能仍未调用。

Answer 1

之所以会发生这种情况，是因为此chartTest()由Angular封装，无法在Angular外部访问。 但你可以在角度内，你需要：

<div *ngIf="chartData.length">
    {{chartMethod()}}
</div>

但它会在html中添加一个undefined，所以只需测试一下

<div *ngIf="chartData.length">
    {{chartMethod() ? chartMethod() : ""}}
</div>

但我不认为它是html resposibillity调用任何方法，它需要由typescript中的组件本身完成。

Answer 2

Angular 2 ，您可以通过在[ngClass]中传递方法'checkFieldAccess（）'来自动调用方法在模板文件中写这个

 [ngClass]="{check:checkFieldAccess(dataPass)}"

Answer 3

在你的component.ts中放置他的后构造函数

ngAfterViewInit(){
    this.getUser();//Put here your function or what you need
  } 

在组件的视图及其子视图之后调用ngAfterViewInit（）。 它是一个生命周期钩子，在组件的视图完全初始化后调用。