屬性“ campanha”在類型“ DisputaComponent []”上不存在-Angular 2

Question

我正在嘗試訪問名為disputas的對象內的屬性，但收到此消息：

[ts]屬性'campanha'在類型'DisputaComponent []'上不存在

我無法訪問disputas內的任何屬性，我認為這是因為它返回一個disputas數組，所以如何訪問該數組內的每個對象disputa ？

我想做的是僅顯示具有相同頁面ID的對象，這是代碼段代碼：

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"))
}

如果需要的話，這是完整的代碼：

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));
      })
    }

提前致謝 ：）

Answer 1

您正在檢索一系列disputas並嘗試找到與cliente_id中的this.campanha相同的this.campanha 。 數組本身不具有此屬性，應過濾數組，然后設置結果：

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