代码之家 › 专栏 › 技术社区 › Vueer

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

ionic3 ionic-framework typescript angular

Vueer · 技术社区 · 6 年前

我正在尝试将加载微调器集成到按钮中。这也很有效。问题是:如果我单击一个按钮,微调器将响应每个额外的按钮。

我怎样才能纠正这个问题?

我的代码:

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

其他的按钮都一样。。。

1 回复 | 直到 6 年前

Yevgen 6 年前

如果你有一堆动态按钮,你可以添加唯一的id给他们。即使你用 *ngFor 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>

推荐文章

user3587624 · 禁用FluentUI React组件上的onClick事件

1 年前

Devmix · 如何在new Map()中保存状态?

1 年前

programmerGuy · 使用useState时获取不可分配给参数的接口

1 年前

Luisus · 从Prisma 5客户端提取类型

1 年前

Rostys · TypeScript:使用类型转换进行类型保护

1 年前

Raffaele · TS2304:当types.d.ts导出某些内容时,找不到名称ENDPOINT

1 年前

Anne · 类型不一致的对象的TypeScript类型定义

1 年前

tuimui · 使用react+ts通过道具传递数据

1 年前

FJ97 · 错误NullInjectorError:R3InjectorError(AppModule)[MatDialogConfig->MatDialogConfig]:

1 年前

Pooria Sadeghy · Vitest-类型错误:_ctx$t不是函数

1 年前