如何在TypeScript中为getter设置初始值

Question

我有一个getter来返回一个在另一个函数中计算的值。它的形式如下：

private get numErrors() {
    return calculateErrors(key);
}

在我的HTML中我有{{ $ctrl.numErrors }}。我正在使用AngularJS。这呈现{{$ ctrl。 numErrors}}在计算和显示值数值之前的几秒钟。有没有办法让我在得到返回值之前最初显示0？

Answer 1

你可以通过ng-cloak来解决这个问题。

但是不要让numErrors()作为getter直接返回你的其他函数的结果，为什么不做这样的事情呢？在你需要它的逻辑中调用calculateErrors()并让它设置值。这将在您的模板上自动更新。

numErrors: number = 0;

calculateErrors(key) {
    // Do calculation
    numErrors = resultOfCalculation;
}

Answer 2

考虑到它是数值，不应检查它是否严格等于undefined，它可以是

private get numErrors() {
    return calculateErrors(key) || 0;
}

或者

{{ $ctrl.numErrors || 0 }}