0
我正在使用Ionic2,我需要一个带有2个选项的选项卡菜单,点击后将用户发送到相关页面。 这是我做了什么:离子选项卡无法正确显示
tabsexample.html
<ion-content padding>
<ion-tabs>
<ion-tab [root]="tab1Root">First Page Tab</ion-tab>
<ion-tab [root]="tab2Root">Second Page Tab</ion-tab>
</ion-tabs>
</ion-content>
我产生相对页面和tabsexample.ts
是这样的:
import {FirstPage} from '../first-page/first-page';
import {SecondPage} from '../second-page/second-page';
export class tabsexamplePage {
tab1Root = FirstPage;
tab2Root = SecondPage;
constructor(private navCtrl: NavController) {
}
我得到的是一个没有标签文本的白色条(First Page Tab
和Second Page Tab
)。此外,2个选项卡填充屏幕的整个宽度,因此第二个选项卡位于第一个选项卡的下方。