如何在 ngif 中使用来自 ngfor 的变量？

Question

我在 *ngIf 中使用来自 *ngFor 的变量时遇到问题：

<li *ngFor="let event of enum ; let i = index">
  <textarea pInputTextarea autoResize="autoResize" [(ngModel)]=x[i] placeholder="xxx" formControlName=desc{{i}}></textarea>

  <div class="alert" *ngIf="!rForm.controls['desc'" +{{ i }}+ "].valide">
     {{ i }}
  </div>
</li>

我尝试单独使用 ngif，它工作正常：

<div class="alert" *ngIf=i> *****</div>

我能够在 DOM 中看到 0 .. 1 .. 2 ..

在模板中进行串联的正确方法是什么？

Answer 1

<li *ngFor="let event of enum ; let i = index">
  <textarea pInputTextarea autoResize="autoResize" [(ngModel)]=x[i] placeholder="xxx" formControlName=desc{{i}}></textarea>

  <div class="alert" *ngIf="!rForm.controls['desc'" + i + "].valide">
     {{ i }}
  </div>
</li>

我不需要包含在插值指令 {{}} 中，因为它不是您要实现的字符串插值。将其视为变量并像使用普通变量一样使用 +。

希望对您有所帮助！！

如何在 ngif 中使用来自 ngfor 的变量？

How to use a variable from ngfor in ngif?

html

angular-ng-if

ngfor

angular