Angular - доступ к переменной ngFor внутри вложенного объекта

Question

Я получил доступ к переменной с именем key в этом элементе html. Как вставить ключ внутрь

*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

Я предполагаю, что matchKey - это ключи для получения ошибки ..

Попробуйте:

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

Answer 3

Попробуйте это:

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