在没有点击事件的情况下在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可调用性的任何方法，它需要由打字稿中的组件本身来完成。