我在IONIC 3中实现滑动标签时出错

时间:2017-11-18 11:56:10

标签: angular ionic-framework ionic2 ionic3

我已经完成了

npm install ionic2-super-tabs --save

在app.module.ts文件中导入

import { SuperTabsModule } from 'ionic2-super-tabs';



imports: [
    BrowserModule,
    IonicModule.forRoot(MyApp),
    SuperTabsModule

  ],

我的Tabs.html文件

<super-tabs>
    <super-tab [tabRoot]="tab1Root" title="First page"></super-tab>
    <super-tab [tabRoot]="tab1Root" title="Second page"></super-tab>
    <super-tab [tabRoot]="tab1Root" title="Third page"></super-tab>
</super-tabs>

错误我得到的

enter image description here

3 个答案:

答案 0 :(得分:0)

你应该像这样导入模块 { ...   SuperTabsModule.forRoot() .. }

答案 1 :(得分:0)

它是[root]而不是tabRoot

答案 2 :(得分:0)

查看此链接https://github.com/zyra/ionic2-super-tabs/issues/269

SuperTabs不使用属性tabRoot,而是使用root:

快速示例(来自文档)

<super-tabs>
  <super-tab [root]="page1" title="First page"></super-tab>
  <super-tab [root]="page2" title="Second page"></super-tab>
  <super-tab [root]="page3" title="Third page"></super-tab>
</super-tabs>

由于使用ionic2-super-tabs的ionic2-super-tabs版本,我遇到了很多问题”:“ ^ 4.1.4,现在我使用ionic2-super-tabs”:“ ^ 4.3.0它的运行没有错误