Angular - 访问嵌套对象中的 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

用括号替换点。 它应该允许通过存储在变量中的名称访问属性。 请参阅此处。 下面的代码应该这样做

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