Trouxe informações da api pelo id
, porém coloquei direto no ngOnInit
dentro do metodo o número do id
. Queria saber como faço para buscar esses produtos no input ao apertar o botão?
Tenho a service que traz os produtos pelo id da API
listarProdutos(id: number):Promise<IResponse<any>>{
return this.http.get<IResponse<any>>(`mercado/produto/${id}`).toPromise();
}
E o component que está recebendo está da seguinte forma:
public produtos: ProdutosModel = [];
ngOnInit(): void{
this.listarProdutos(1);
}
contrutor(private produtoService: ProdutoService){}
listarProdutos(id){
this.produtoService.listarProdutos(id).then(response => {
this.produtos = response.data;
});}
E o HTML está assim:
<input type="text"> <button (click)="buscar">Buscar</button>
<table *ngFor="let produtos of produtos">
<tr>
<td>id</td>
<td>nome</td>
<td>data vencimento</td>
</tr>
<tr>
<td>{{produtos.id}}</td>
<td>{{produtos.nome}}</td>
<td>{{produtos.dataVencimento}}</td>
</tr>
Também tenho a model
export class ProdutosModel{
id: number;
nome: string;
dataVencimento: string
}