如何在ngif中使用ngfor中的变量?

时间:2018-04-19 08:59:05

标签: html angular ngfor angular-ng-if

我在使用*ngFor内的*ngIf变量时遇到问题:

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

在模板中进行连接的正确方法是什么?

1 个答案:

答案 0 :(得分:0)

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

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

希望这会有所帮助!!