避免组件输入未定义:ngOnChanges或* ngIf

时间:2017-08-30 07:10:39

标签: angular

我有一个组件接收对象数组作为输入: <app-order-details [orders]="orders"></app-order-details>

orders当然是从OrdersComponent中的API获取异步方式。 在OrderDetailsComponent我需要找到具有特殊身份的订单,所以我有: this.specialOrder = this.orders.find(...)

如果我将此代码放在ngOnInit中,那么orders将是未定义的,因为orders对象实际上没有通过。所以,我们有两种方式:
1.使用ngOnChanges
2.在父组件中添加ngIf <app-order-details *ngIf="orders" [orders]="orders"></app-order-details>

1种和2种方式的优点/缺点是什么?

0 个答案:

没有答案