角度-在嵌套对象中访问ngFor变量

Question

我已经在此html元素中访问了名为 key 的变量。如何将密钥放入

*ngIf below: *ngIf="isSubmitted && errors.key.translations"，尤其是errors.key.translation部分。

<div class="form-group col" *ngFor="let key of matchingKeys">
    <div
        *ngIf="isSubmitted && errors.key.translations"
        class="invalid-feedback"
    >       
</div>

Answer 1

用方括号替换圆点。它应该允许按存储在变量中的名称访问属性。请参阅here。以下代码应该做到

<div *ngFor="let key of matchingKeys">
  <div *ngIf="isSubmitted && errors[key].translations">
    <p>
      {{ key }}
    </p>
  </div>       
</div>

工作示例：Stackblitz

Answer 2

尝试一下：

<div class="form-group col" *ngFor="let key of matchingKeys">
    <div
        *ngIf="isSubmitted && errors[key]['translations']"
        class="invalid-feedback"
    >       
</div>

Answer 3

我假设matchingKeys是获取错误的键。

尝试：

*ngIf="isSubmitted && errors[key].translations"