我在项目中使用ion-fab按钮,如下所示:
<ion-fab right item-end>
<button ion-fab mini><ion-icon name="arrow-dropleft"></ion-icon></button>
<ion-fab-list side="left">
<button ion-fab color="danger" (click)="delete(user?._id)"><ion-icon name="trash"></ion-icon></button>
<button ion-fab color="secondary" (click)="modify(user?._id)"><ion-icon name="cog"></ion-icon></button>
</ion-fab-list>
</ion-fab>
此ion-fab在ion-item列表中。
除了在我的应用程序第一次启动时,这一切都工作得很好。除非我终止应用程序并重新启动她,否则什么都不会发生。
我的离子信息:
Ionic:
ionic (Ionic CLI) : 4.1.0 (/usr/local/lib/node_modules/ionic)
Ionic Framework : ionic-angular 3.9.2
@ionic/app-scripts : 3.1.11
Cordova:
cordova (Cordova CLI) : 8.0.0
Cordova Platforms : android 7.0.0, browser 5.0.3, ios 4.5.5
Cordova Plugins : cordova-plugin-ionic-keyboard 2.1.2, cordova-plugin-ionic-webview 2.0.2, (and 11 other plugins)
System:
ios-deploy : 2.0.0
NodeJS : v8.9.1 (/usr/local/bin/node)
npm : 5.10.0
OS : macOS High Sierra
Xcode : Xcode 9.4.1 Build version 9F2000
发布于 2018-08-30 04:11:29
请参阅Ionic 4文档中的工作示例:https://github.com/ionic-team/ionic-framework/blob/4.0.x/core/src/components/fab/test/basic/index.html
<ion-fab vertical="top" horizontal="end" edge id="fab1" slot="fixed">
<ion-fab-button onclick="alert('mini')" mini class="e2eFabTopRight">
<ion-icon name="arrow-dropleft"></ion-icon>
</ion-fab-button>
<ion-fab-list side="left">
<ion-fab-button onclick="alert('trash')">
<ion-icon name="trash"></ion-icon>
</ion-fab-button>
<ion-fab-button onclick="alert('cog')">
<ion-icon name="cog"></ion-icon>
</ion-fab-button>
</ion-fab-list>
</ion-fab>
https://stackoverflow.com/questions/52079319
复制相似问题