Помилка, якщо не перевірити, чи існує {{object.field}}

Question 1

У мене питання про перевірку, чи існує якесь поле в об’єкті.

Я хочу надрукувати всі категорії, які є у користувача, тому я роблю щось подібне:

  <ul *ngIf="user.categories.length >  0" *ngFor="#category of user.categories">
    <li>
      {{category.name}}
    </li>
  </ul>

Причина? Усі дані ПРАВИЛЬНО надруковані, але я отримую помилку у веб-консолі, як це:

Cannot read property 'name' of null

Але коли я роблю щось на зразок:

  <ul *ngIf="user.categories.length >  0" *ngFor="#category of user.categories">
    <li *ngIf="category">
      {{category.name}}
    </li>
  </ul>

Тоді все гаразд.

Я роблю щось не так, чи, можливо, мені доводиться перевіряти це кожен раз? Ви коли-небудь мали подібну проблему?

Question 2

основне використання

Використовуйте оператор безпечної навігації

{{category?.name}}

тоді nameчитається лише тоді, коли categoryні null.

масив

Це працює лише для .оператора (dereference). Для масиву ви можете використовувати

{{records && records[0]}}

Див. Також Angular 2 - Не вдається прочитати властивість '0' невизначеної помилки з контекстом КОНТЕКСТ ПОМИЛКИ: [об'єктний об'єкт]

асинхронний канал

З asyncтрубою його можна використовувати як

{{(chapters | async)?.length

ngModel

В ngModelданий час це потрібно розділити на

[ngModel]="details?.firstname" (ngModelChange)="details.firstname = $event"

Див. Також Дані не додаються до шаблону в angular2

*ngIf

Альтернативою є завжди обгортання частини подання, *ngIf="data"щоб запобігти отриманню частини взагалі до того, як вона dataстане доступною, щоб запобігти помилці відмінювання.