如何在屏幕底部放置离子选项卡？
我创build了一个简单的离子选项卡，在屏幕的顶部显示我的图标。 我试图把它包在一个离子脚的酒吧，为了让它放在屏幕的底部没有成功。 当我这样做时，标签消失。 我应该怎样做到我想要的样子？
<ion-footer-bar> <ion-tabs class="tabs-icon-only tabs-stable"> ... </ion-tabs> </ion-footer-bar> 从Ionic（ http://blog.ionic.io/the-final-beta/ ）的beta 14开始 ，有一些configurationvariables现在默认为它们的平台值，这意味着它们将尝试根据平台他们是build立在。 在标签的情况下，对于iOS，默认情况下显示在底部，而Android在顶部。
你可以通过设置$ionicConfigProvider的tabs.position函数，在你的configuration函数里像下面这样轻松地“设置”所有平台的位置：
MyApp.config(['$ionicConfigProvider', function($ionicConfigProvider) { $ionicConfigProvider.tabs.position('bottom'); // other values: top }]);
你可以在这里查看文档
要在Android设备的屏幕底部放置ionicFramework标签，只需打开app.js文件，然后在angular.module下添加以下几行代码：
.config(function($ionicConfigProvider) { $ionicConfigProvider.tabs.position('bottom'); })
希望这会有所帮助。
离子2更新（清洁/改进语法）：
在app.js中：
@App({ ... config: { tabbarPlacement: 'bottom', } })
见configuration
把它放在你的app.js中就行。
.config(function($ionicConfigProvider) { $ionicConfigProvider.tabs.position('bottom'); })
Ionic会自动将平台configuration考虑在内，以调整使用的过渡样式以及是否在顶部或底部显示选项卡图标。
例如，在选项卡的情况下，对于iOS，默认情况下显示在底部，Android在顶部。
注1 ： 需要注意的是，当一个平台不是iOS或者Android，那么它将默认为iOS
注2 ： 如果您正在桌面浏览器上开发，它将采用iOS默认configuration
如何在Ionic 2屏幕的底部放置离子选项卡
对于当前版本的离子2.0.0-beta.10。
在app.ts中：
ionicBootstrap(MyApp, [], { tabbarPlacement: "bottom" });
参见configuration
为即将被释放的离子2.0.0-beta.11
在app.ts中：
ionicBootstrap(MyApp, [], { tabsPlacement: "bottom" });
configuration
myapp.config(['$ionicConfigProvider', function($ionicConfigProvider) { $ionicConfigProvider.tabs.position('bottom'); // other values: top }]);
Ionic 2和Ionic 3+的更新：
你有2种方法来改变标签栏的位置：
方法1：使用<ion-tabs> tabsPlacement属性
<ion-tabs tabsPlacement='bottom' > <ion-tab [root]="rootTab" tabTitle="Home"></ion-tab> </ion-tabs>
方法2：更改app.module.tsconfiguration
@NgModule({ imports: [ IonicModule.forRoot(MyApp, { tabsPlacement : 'bottom' }) ] })
看文档
