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

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

ionic3 ionic-framework typescript angular

Vueer · 技术社区 · 7 年前

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

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

我的代码:

<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 回复 | 直到 7 年前

Yevgen 7 年前

如果你有一堆动态按钮,你可以添加唯一的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>

推荐文章

Victor Ferreira · 我可以在没有MacOS的情况下使用带Ionic 3的TestFlight吗?

8 年前

Uraquitan Matova Ura Kombat · 离子,角度-索引内的全局变量。其他ts页面调用的html

8 年前

Muhammed Raheez PC · 构建应用程序时发生Ionic java构建错误

8 年前

Lee Merlas · 从http GET获得第一个结果后立即显示项目

8 年前

kelvin wong · Ionic 3 angularfire2打印出[对象对象]数据

8 年前

Arun Prasad E S · 角度5,离子3-【ts】类型“void”不可分配给类型“Observable<Post[]>”

8 年前

jamesharvey · 如何使用*ngFor指令从Ionic 3(Cordova、Ionic 3、Angular 5)上的存储器中提取数据

8 年前

user2486706 · 我们可以直接将C++dll集成到ionic框架中吗

8 年前

jamesharvey · 我怎样才能让谷歌地图在一个div内只占据50%的高度?(爱奥尼亚3号,科尔多瓦)

8 年前

Taieb · 按条件显示不同的视图

8 年前