众所周知,在绑定初始化之前,首先会触发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?.
检查的组件。