Angular data binding

Question

In the following code, how can I make the orderItems auto refresh after I call addOrderItem()? Currently I have to call this.service.getOrderItems() again to manually refresh it.

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

adding an item to a data bound array should already auto refresh without you needing to do anything — Michael Kang
– Michael Kang, Commented Oct 27, 2018 at 2:54
@pixelbits The order items array is returned by the service which I think is a deep copy of the original array. When I call the service to add things to the original array, this deep copy does not refresh but the original array does. — user2226125
– user2226125, Commented Oct 27, 2018 at 4:01

Maarti · Accepted Answer · 2018-10-27 00:08:13Z

1

You encapsulated your addOrderItem() service method so you can call getOrderItems in this encapsulation so it will be refreshed each time you add an OrderItem:

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

You can also subscribe to an event from your service to call a function each time addOrderItem() is called.

answered Oct 27, 2018 at 0:08

Maarti

3,7294 gold badges20 silver badges36 bronze badges

Sign up to request clarification or add additional context in comments.

Collectives™ on Stack Overflow

Angular data binding

1 Answer 1

Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related