Question

我正在尝试将加载微调器集成到按钮中。这也很好。问题是：如果我单击一个按钮，则微调器将响应所有其他按钮。

我该如何纠正？

我的代码：

<button ion-button block (click)="loading = true">
  <ion-spinner class="whiteSpinner" item-left *ngIf="loading" name="bubbles"></ion-spinner>
  Buy now - 1,49€
</button>

其他按钮都一样...

图片向您展示我的意思

Answer 1

如果您有一堆动态按钮，则可以为其添加唯一的ID。例如，即使您使用*ngFor生成所有按钮，它们的唯一ID也不同于本例myButton。

<button #myButton ion-button block (click)="myButton.loading = true">
  <ion-spinner class="whiteSpinner" item-left *ngIf="myButton.loading" name="bubbles"></ion-spinner>
  Buy now - 1,49€
</button>

页面上的每个按钮都会激活“加载微调器”

1 个答案: