Skip to main content
3 de 3
adicionou 90 caracteres ao conteúdo

Angular - Array chamando apenas primeiro item

Estou tentando fazer um calculo de um Array para exibir o valor total ao adicionar um item ao meu carrinho.

Meu array está assim: Utilizo o Status para informar na view que o item foi adicionado ao carrinho.

public pastelData = [{
  name: 'Pastel de Calabresa',
  price: 7.50,
  status: 'false', }]

Dessa forma ao clicar eu executo o service que altera o Status para adicionado ao carrinho e também captura o preço.

addItems(pastelData) {
    this.sharedSerivce.setItemData(pastelData);
    pastelData.status = 'Adicionado';
    this.getPricePastel(this.pastelData);
}

Eu criei a seguinte função para pegar os preços dos pasteis:

getPricePastel(pastelData) {
    for (const index in pastelData) {  
    }

    for (let i = 0; i < pastelData.length; i++) {
        console.log(pastelData[i].price);

        this.total += (pastelData[i].price);
        console.log(this.total);
        this.nextPastel.next(this.pastelData);
        return;
    }
}

Ela se comporta da seguinte forma: SE eu deixo o return no final, ele pega em todas as chamadas de addItems apenas o primeiro preço. SE eu removo o return, todas as chamadas pegam o total dos price[]. E assim, não consigo chamar o preço equivalente ao item que o usuário adiciona ao carrinho

É um projeto para fins de estudos;