赋值表达式 Angular 2+ 左侧的错误

Question

我目前正在尝试过滤从硬编码数据返回的 JSON。在我的组件中，我的代码目前如下所示：

export class CtaComponent implements OnInit {
  @Input() ctaId: string;

  public ctaCards: CtaCards.ICtaCard[];
  constructor(private ctaService: CtaService) {
  }

  ngOnInit() {
    if (this.ctaId !== undefined) {
      this.ctaService.getCtaCards(this.ctaId)
        .subscribe(x => {
          this.ctaCards.find(z => z.id == this.ctaId) = x
        })
    }
  }
}

我相信您可以看到，find 行不起作用。 ctaId 是用于过滤 JSON id 的 id。然而，find 的代码被突出显示为一个错误，并说The left hand-side assignment expression must be a variable or property access. 我对 Angular 还是很陌生，所以这可能只是一些明显的错误。我的研究似乎对我没有任何帮助。

我的服务如下所示：

export class CtaService {
  private ctaCard: BehaviorSubject<CtaCards.ICtaCard[]>
  private productUrl = 'src/assets/cta.json'

  constructor(private http: HttpClient) {}

  public getCtaCards(id: string): BehaviorSubject<CtaCards.ICtaCard[]{
    if (id) {
      this.ctaCard = new BehaviorSubject<CtaCards.ICtaCard[]>(null);

      this.http.get(this.productUrl).pipe(
        retry(3)
      )
        .subscribe((x: CtaCards.ICtaCard[]) => this.ctaCard.next(x))
    }
    return this.ctaCard;
  }
}

Answer 1

您正试图找到一些ctaCard 并将x 分配给它。你不能这样做，因为，

find 返回：

数组中满足提供的测试函数的第一个元素的值；否则，返回未定义。
而且您不能分配价值而不是变量。你正在尝试做这样的事情：

var a = 5;
5 = 10;

这没有任何意义。

您可以使用findIndex，如下所示：

index = this.ctaCards.findIndex(z => z.id == this.ctaId);
this.ctaCards[index] = x;