角度数据绑定

Question

在以下代码中，如何在调用orderItems之后使addOrderItem()自动刷新？目前，我必须再次致电this.service.getOrderItems()来手动刷新它。

export class OrderComponent implements OnInit {
    orderItems: OrderItem[];
    ...
    ngOnInit() {
        ...
        this.orderItems = this.service.getOrderItems();
    }
    addOrderItem(): void {
        this.service.addOrderItem();
    }
}

Answer 1

您封装了addOrderItem()服务方法，因此可以在此封装中调用getOrderItems，以便每次添加OrderItem时都会刷新它：

addOrderItem(): void {
  this.service.addOrderItem();
  this.orderItems = this.service.getOrderItems();
}

您还可以subscribe to an event每次调用addOrderItem()时从服务中调用函数。