无法读取未定义的属性“ healthCarePlans”(Angular5)

时间:2018-11-16 16:44:29

标签: angular typescript angular5

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

我遇到标题错误,虽然它不影响应用程序,但我还是不希望出现该错误。

<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>

我已经尝试了通常可以起作用的安全操作符,但在这种情况下似乎没有作用

2 个答案:

答案 0 :(得分:1)

这可能是因为currentUserData为null,您可以使用

进行处理
<div *ngIf="currentUserData && currentUserData.healthCarePlans.length > 0">

答案 1 :(得分:0)

在外部div中使用ngif =“ currentuserdata”解决了该问题