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"