Estou pegando um erro ao fazer o Build da minha aplicação angular, o erro é o seguinte:
Property 'resource_name' does not exist on type 'Produto[]'
Aqui está meu código TS e o HTML. A chamada pelo form
funciona normalmente. O que acho que está ocorrendo é que quando buildo a aplicação o objeto Produto
ainda está vázio então não tem nenhuma propriedade. O que posso fazer nesse caso?
import { Component, OnInit } from '@angular/core';
import { Produto } from 'src/models/produto.models';
import { FormGroup, FormBuilder, Validators } from '@angular/forms';
import { ReactiveFormsModule } from '@angular/forms'
import { ProdutoService } from '../services/produtos.service';
@Component({
selector: 'app-consultar-page',
templateUrl: './consultar-page.component.html',
styleUrls: ['./consultar-page.component.css']
})
export class ConsultarPageComponent{
produto = {} as Produto;
produtos: Produto[];
constructor(private produtoService: ProdutoService) {}
teste = true
ngOnInit() {
}
pesquisa(frm){
const data = this.produto.resource_id
this.produtoService.getProdutoByResourceID(data).subscribe((produtos: Produto[]) => {
this.produtos = produtos;
this.teste = false
})
}
<div class="uk-flex-center" uk-grid>
<div class="uk-card-body uk-card-default uk-background-muted uk-card-small ">
<div class="uk-margin"></div>
<h3 class="uk-card-title">CONSULTA DE RECURSOS</h3>
<form method="post" class="uk-form-horizontal uk-margin-large" #frm="ngForm" (ngSubmit)="pesquisa(frm)">
<div class="uk-margin">
<label class="uk-form-label" for="form-horizontal-text">Resource ID:</label>
<div class="uk-form-controls">
<input class="uk-input" type="text" placeholder="Resource ID" [(ngModel)]="produto.resource_id" name="resource_id" required>
</div>
</div>
<div uk-form-horizontal>
<button type="submit" class="uk-button uk-button-default uk-text-center">CONSULTAR</button>
</div>
</form>
</div>
</div>
<ng-template [ngIf]="!teste">
{{ produtos.resource_id }} || {{ produtos.resource_type}} || {{ produtos.resource_name }} || {{ produtos.owner_ }
</ng-template>
produtos.resource_name
tem certeza que lá existe essa propriedade, pq senão, se fosse problema do objeto estar vazio iria dar erro nas propriedades anteriores como id e type.