无法读取未定义的 属性 'healthCarePlans' (angular5)

Question

我看过这个问题的其他答案，但还没有找到解决方案

我在标题中遇到错误，虽然它不会影响应用程序，但我还是宁愿不要它。

<div *ngIf="currentUserData.healthCarePlans.length > 0">
    <p-carousel numVisible="3"
                [value]="currentUserData.healthCarePlans">
                    <ng-template let-insurance pTemplate="insurance">
                        <div>
                            <img class="company-header-avatar hc-img"
                                 [src]="insurance.imagePath">
                                      <div class="ui-g-12 hc-info">
                                          <div class="ui-g-6">

                          {{insurance.healthCareCompany.person.companyName}}
                                          </div>
                                          <div class="ui-g-6">
                                              {{insurance.code}}
                                          </div>
                                      </div>
                        </div>
                    </ng-template>
    </p-carousel>
</div>

我已经像往常一样尝试了安全运算符，但在这种情况下似乎不起作用

Answer 1

这可能是因为 currentUserData 为 null ，您可以处理

<div *ngIf="currentUserData && currentUserData.healthCarePlans.length > 0">

Answer 2

在外部 div

中用 ngif ="currentuserdata" 解决了