é minha primeira vez perguntando no forum por isso se eu estiver fazendo algo errado por favor me corrijam.
Tenho o seguinte trecho da minha pagina em HTML:
Pedido:
<ion-list *ngFor = "let p of produtos | async">
<ion-input type = "text" [disabled] = "true" value = {{p.descricao}}></ion-input>
<ion-input type = "text" [disabled] = "true" value = {{p.preco}}></ion-input>
</ion-list>
E gostaria de ao clicar no botão salvar passar como parametro os valores gerados pelo ngFor
<div padding>
<button ion-button type='submit' (click) = 'salvar(p.descricao, p.preco)'>
<ion-icon name="cash"></ion-icon>Comprar</button>
Porém sempre que clico nele, gera o seguinte erro:
ERROR TypeError: Cannot read property 'descricao' of undefined
at Object.eval [as handleEvent] (FinalizarPedidoPage.html:93)
at handleEvent (core.js:13589)
at callWithDebugContext (core.js:15098)
at Object.debugHandleEvent [as handleEvent] (core.js:14685)
at dispatchEvent (core.js:10004)
at core.js:10629
at HTMLButtonElement.<anonymous> (platform-browser.js:2628)
at t.invokeTask (polyfills.js:3)
at Object.onInvokeTask (core.js:4751)
at t.invokeTask (polyfills.js:3)
Já constatei que o erro está em passar os dados como array, pois se eu passo apenas como um único valor a função é executada normalmente.
Como posso resolver esse problema?