Estive praticando e fiz a seguinte busca com informações que vieram de uma API: --- Ao inserir o ID eu recebo o resultado da lista na tela. Queria saber como faço caso coloque no input um id que não exista para inserir um alert por exemplo e se deixar o campo em branco.
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{}
construtor(private produtoService: ProdutoService){}
listarProdutos(id){
this.produtoService.listarProdutos(id).then(response => {
this.produtos = response.data;
});
}
buscar(id: any){
let _id = id.value;
this.listarProdutos(_id);
}
E o HTML está assim:
<input type="text" #ID> <button (click)="buscar(ID)">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
}