在同一个元素上使用 *ngIf 和 *ngFor。

32 浏览
0 Comments

在同一个元素上使用 *ngIf 和 *ngFor。

这个问题已经在这里有了答案:

*ngIf和*ngFor在同一元素上引起错误

我在同一个元素上使用*ngFor*ngIf时遇到了问题。

{{ recipeStep }}

我知道一个简单的解决方案是将*ngIf移到一个新元素上。

例如:

  {{ recipeStep }}

但是,当我使用这个解决方案时,我就无法使用i变量。而这个解决方案会隐藏中的所有元素。

因此,这些按钮目前没有用处。



这是typescript填充

position: number;
ionViewDidLoad() {
  this.position = 1; 
}
next() {
  this.position = this.position + 1;
}
previous() {
  this.position = this.position - 1;
}

我的问题是,是否有不同的方法在同一个元素上使用*ngFor*ngIf

如果没有办法,是否有不同的方法使这些按钮有用。

admin 更改状态以发布 2023年5月21日
0
0 Comments

如您在此答案中所见,Angular不支持在一个元素上使用多个结构指令。

您需要在*ngFor内部使用您的*ngIf

   {{ recipeStep }}

0
0 Comments

你只需要把ngIf和ngFor的顺序调换一下:

 
  {{ recipeStep }}

0