0

Tenho um array dentro de um objeto, gostaria de saber como faço para separar os itens nome_servico e valor_servico. Não sei se existe uma maneira de fazer isso no próprio html...

pedido{id_pedido:"17",
id_usuario:"34",
nome_servico:"Servico 01,Servico 02,Servico 03"
valor_servico:"250,200,380",
total_servico:"830"}
<div *ngFor="let item of pedido">    
  <div>{{item.nome_servico}}</div>
  <div>{{item.valor_servico}}</div>
</div>

10
  • Nesse caso é só chamar no HTML mesmo: pedido.nome_servico. Commented 29/03/2018 às 0:41
  • Não vai funcionar o for visto que o objeto tem apenas um grupo de valores. Commented 29/03/2018 às 0:42
  • @DiegoSouza, o problema é que no html vem tudo junto 250,200,380 Commented 29/03/2018 às 0:42
  • Ahhh. Mas de onde vem esses valores? Commented 29/03/2018 às 0:45
  • do banco, bem como um objeto mesmo, conforme mostrado ali... Commented 29/03/2018 às 0:45

1 Resposta 1

2
pedido = {
  id_pedido: "17",
  id_usuario: "34",
  nome_servico: "Servico 01,Servico 02,Servico 03",
  valor_servico: "250,200,380",
  total_servico: "830"
};

let arrSer = pedido.nome_servico.split(',');
let arrVal = pedido.valor_servico.split(',');

pedido.nome_servico = arrSer;
pedido.valor_servico = arrVal;

HTML

<div *ngFor="let item of pedido.nome_servico; let i = index" [attr.data-index]="i">    
  <div>{{item}} - {{pedido.valor_servico[i]}}</div>
</div>

Você deve fazer log-in para responder a esta pergunta.

Esta não é a resposta que você está procurando? Pesquise outras perguntas com a tag .