Ionic framework 离子2中的局部视图

它们是否存在，例如，我们从ng1和ui路由器中了解它们，例如，我在我的ionic 2应用程序中获得了以下html模板：

<ion-header></..>

<ion-content></..>

<ion-footer></..>

---

假设我的navController导航堆栈上有50个站点。我需要将所有这些硬编码到每个文件中吗？25年前，我们通过iFrame实现了这一点——只是说..

在Ionic 3中，通过CLI创建一个组件

ionic g component ComponentName

将组件添加到要使用的页面的模块中。假设页面是

主页

，打开

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>

---

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

ionic g component ComponentName

将组件添加到要使用的页面的模块中。假设页面是

主页

，打开

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>

Uppss，将通过指令导入正确吗？为了避免重复这么多代码，您可以为页眉、页脚和应用程序的每个部分创建自己的自定义组件，这些组件可以在多个位置使用。您可以看到如何在Uppss中执行此操作，这将通过指令导入完成。为了避免重复这么多代码，您可以为页眉、页脚和应用程序的每个部分创建自己的自定义组件，这些组件可以在多个位置使用。您可以在中看到如何执行此操作