angular - Data disappears after the page is refreshed

Question

I need to store data in the shopping cart for an online store. What can do to prevent the data from disappearing after the page is refreshed? Is it better data to store them in a database or use localStorage?

public list: Order[] = [];

add(order_list: OrderList) {
    const orderList: Order = Object.assign({}, {
        name: order_list.name,
        description: order_list.description,
        cost: order_list.cost,
        quantity: order_list.quantity,
        order_id: order_list.order_list_id
    });
    const possible = this.list.find(i => i.order_id === orderList.order_id);
    if (possible) {
        possible.quantity += orderList.quantity;
    } else {
        this.list.push(orderList);
    }
    this.computerPrice();
}

question from:https://stackoverflow.com/questions/65862400/data-disappears-after-the-page-is-refreshed

Answer 1

I think keeping them in the browser is a better approach. The server will not need to remember and fetch previous data.

• You will implement a simpler method in backend

If you think that your customer will need their shipping list across devices, save the list in the database, otherwise localStorrage, cookies are enough.