Не удается прочитать свойство '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

Решено с помощью ngif = "currentuserdata" во внешнем div

Answer 2

Это может быть из-за того, что currentUserData имеет значение null, вы можете обработать с помощью

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