我正在尝试在我的应用主页中包含 fab-buttons (FAB button in the link)。但它只显示普通按钮方形按钮。能不能帮忙鉴定一下。
我的 HTML;
<ion-content>
<a ng-repeat="area in areaArray | orderBy: 'name'" class="item item-thumbnail-left" href="#">
<img ng-src={{area["image"]}} ui-sref="tabs.projects({area:area['name']})">
<h2>{{ area["name"]}}</h2>
<button class="button button-fab-center button-balanced" ui-sref="tabs.projects({area:area['name'], Project_Status:'Green'})">
{{ area["active"]}}</i>
</button>
<button class="button button-fab-center button-assertive" ui-sref="tabs.projects({area:area['name'], Project_Status:'Red'})">
{{ area["alert"]}}</i>
</button>
<button class="button button-fab-center button-energized" ui-sref="tabs.projects({area:area['name'], Project_Status:'Amber'})">
{{ area["Amber"]}}</i>
</button>
</a>
</ion-content>
这是我的输出:
最佳答案
我遇到了同样的问题,但很容易解决,别担心:)
你只需要这个就有一个 FAB 按钮
<ion-fab right bottom>
<button ion-fab mini><ion-icon name="add"></ion-icon></button>
</ion-fab>
重要 您必须将 ionic 版本至少升级到 2.0.0-rc0,您将看到漂亮的 FAB 按钮 :)
文档 here
关于javascript - Ionic fab 按钮未在应用程序中正确显示,我们在Stack Overflow上找到一个类似的问题:https://stackoverflow.com/questions/34696766/