Ionic 2中的部分视图

时间:2016-07-08 20:22:38

标签: ionic-framework angular ionic2

它们是否存在,例如就像我们从ng1使用ui-router知道它们一样,例如我在我的离子2应用程序中获得了这个html模板:

<ion-header></..>

<ion-content></..>

<ion-footer></..>

假设我的navController导航堆栈上有50个站点。我是否需要将所有这些硬编码到每个文件中? 25年前,我们通过iFrame做到了这一点 - 只是说..

1 个答案:

答案 0 :(得分:0)

在Ionic 3中,通过CLI创建组件

ionic g component ComponentName

将组件添加到要使用的页面的模块中。假设页面为HomePage,打开home.module.ts并声明组件

import { ComponentNameComponent } from '../../components/component-name/component-name';

@NgModule({
  declarations: [
    ComponentNameComponent, //Component declaration
  ],
  imports: [
    IonicPageModule.forChild(ProfileProfilePage),
  ],
})
export class HomePageModule {}

然后,您可以在页面视图中使用该组件,例如home.html

<component-name></component-name>