Известно, что сначала ngOnChanges срабатывает до инициализации привязок.Поэтому обычно в операторы добавляют оператор безопасной навигации.
@Component({
changeDetection: ChangeDetectionStrategy.OnPush,
selector: 'some-component',
templateUrl: '<div>{{item?.name}} {{item?.surname}}</div>'
})
export class SomeComponent {
@Input() item: { name: string; surname: string; };
}
Но я полагаю, что у этого подхода есть недостатки в производительности.Тогда будет ли приведенный ниже код быстрее?
<div *ngIf="item">{{item.name}} {{item.surname}}</div>
Специально для компонентов со многими item?.
проверками в шаблоне.