Skip to main content
Melhorar formatação e adicionar tag "propriedade"
Fonte Link

Boa tarde, estouEstou 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[]'.:

Property 'resource_name' does not exist on type 'Produto[]'

Aqui está meu código TS e o HTML. A chamada pelo formform funciona normalmente. O que acho que está ocorrendo é que quando buildo a aplicação o objeto ProdutoProduto ainda está vázio então não tem nenhuma propiedadepropriedade. O que posso fazer nesse caso?

Boa tarde, 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 propiedade. O que posso fazer nesse caso?

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?

Fonte Link

Property '' does not exist on type ''

Boa tarde, 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 propiedade. 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>