Question

我有一个函数可以检查API显示的对象中的某个字段是否有值。该函数返回一个布尔值。然后我根据结果设置一些UI样式。模型中的原始函数如下所示：

public hasBillingCoverage(): boolean {
   if (this.coverage[0].payer) {
        return true;
   } else if (!this.coverage[0].payer || this.coverage[0].payer === undefined) {
       return false;
   }
}

我在组件中使用它：

private hasCoverageBillingInfo() {
    if (this.currentCustomer.hasFullName()) {
        if (this.currentCustomer.hasBillingCoverage()) {
            return true;
        } else {
            console.log('Coverage info not provided...');
            return false;
        }
    }
}

问题是，目前我在控制台中收到的错误是：

内联模板：13：16引起：无法阅读财产＆＃39;付款人＆＃39;的未定义

该错误指向组件视图中的这一行：

<div class="page-content-header-item" [class.selected]="isSection('billing-and-coverage')" (click)="navigateTo('billing-and-coverage')"
[ngClass]="{'attention-needed': !hasCoverageBillingInfo()}">Billing and Coverage</div>

视图中的上述代码旨在添加一些样式（类＆＃34;需要注意＆＃39;）如果函数＆＃34; hasCoverageBillingInfo（）＆＃34;评估为假。

我以为我已经处理了一个未定义的结果，但显然没有。如何编辑此功能以防止出现控制台错误？

编辑布尔函数以处理角度应用程序中的缺失值

0 个答案: