属性“ campanha”在类型“ DisputaComponent []”上不存在-Angular 2

Question

I'm trying to access a property inside an object called disputas but I'm getting this message:

[ts] Property 'campanha' does not exist on type 'DisputaComponent[]'

I can't access any property inside disputas , I think it's because its returning an Array of disputas , so how can I access each object disputa inside this array?

What I'm trying to do is show only objects with the same ID of the page, here's the snippet code:

constructor(service: DisputaService, private route:ActivatedRoute, 
private router:Router, private campanha_service:FiltroNegociacaoService){
  service
  .lista()
  .subscribe(disputas => {
    if (this.disputas.campanha.cliente_id == this.campanha.cliente_id) // this is where I get the message
       this.disputas = disputas;
    console.log("Disputas: ", disputas); 
    console.log("Campanha: ", this.campanha);
  }, erro => console.log("erro"))
}

and here's the full code if you guys need it:

import { Component, OnInit } from '@angular/core';
import {DisputaService} from '../services/disputas.service';
import {FiltroNegociacaoComponent} from '../../../filtra-negociacao/components/filtra-negociacao.component';
import {FiltroNegociacaoService} from '../../../filtra-negociacao/services/filtro-negociacao.service';
import {ActivatedRoute, Routes, RouterModule, Router} from '@angular/router';

@Component({
  moduleId: module.id,
  selector: 'disputas',
  templateUrl: `disputas.component.html`,
  providers: [DisputaService, FiltroNegociacaoService]
})

export class DisputaComponent implements OnInit {
    public disputas:DisputaComponent[] = [];
    public loading = false;
    campanhas: FiltroNegociacaoComponent;
    campanha:any;
    service: DisputaService;
    name: string;
    proposta_inicial:number;
    propostas_realizadas:number = 0;
    maximo_propostas:number;
    status = {
      status_nome: ""
    }
    id:number;

    constructor(service: DisputaService, private route:ActivatedRoute, 
    private router:Router, private campanha_service:FiltroNegociacaoService){
      service
      .lista()
      .subscribe(disputas => {
        if (this.disputas.campanha.cliente_id == this.campanha.cliente_id)
        this.disputas = disputas;
        console.log("Disputas: ", disputas); 
        console.log("Campanha: ", this.campanha);
      }, erro => console.log("erro"))
    }

    ngOnInit():void{
      this.route.params.subscribe(params =>{
      let id = params['id'];
      this.campanha_service
        .buscaPorId(id)
        .subscribe(campanha => {
          this.campanha = campanha;
        },
        erro => console.log(erro));
      })
    }

Thanks in advance :)

Answer 1

You are retrieving an array of disputas and trying to find the ones with the same cliente_id as the one in this.campanha . The array itself does not have this property, you should filter the array, and then set the result:

.subscribe((disputas: DisputaComponent[]) => {
    this.disputas = disputas.filter(
       disputa => disputa.campanha.client_id === this.campanha.cliente_id
    );
}