Ionic 将一个离子页面添加到另一个离子页面-离子4

wfveoks0 于 2023-09-28 发布在 Ionic

关注(0)|答案(1)|浏览(195)

我有一个页面，我在Ionic 4应用程序中用作普通页面，但我也需要在应用程序中的其他地方，在另一个页面中重用它，以便停止重复代码。
我目前的方法是遵循普通指令的方法，并将选择器添加到我希望将页面放入其中的页面：

<app-child></app-child>

然后将子页面模块导入到父页面模块中：

@NgModule({
  imports: [
    CommonModule,
    FormsModule,
    IonicModule,
    RouterModule.forChild(routes),
    ComponentsModule,
    ChildPageModule,
  ],
  declarations: [ParentPage]
})
export class ParentPageModule {}

然而，我却遇到了这样的错误：

ChildPage is part of the declarations of 2 modules:

这当然是有意义的，因为它是一个主页面，现在是一个组件页面。
我尝试将导入移动到应用程序模块中，尝试将页面添加到父页面模块的声明中，但都无法解决这个问题。
如何在Ionic 4/Angular 6中获取页面中的页面

ionic-framework

来源：https://stackoverflow.com/questions/53228801/add-an-ionic-page-into-another-ionic-page-ionic-4

1条答案

按热度按时间

63lcw9qa1#

您应该为Childpage创建一个组件。

@Component({
  selector: 'app-childpage',
  templateUrl: './childpage.component.html'
})

export class ChildpageComponent {

}

然后创建一个components.module.ts并执行以下操作：

@NgModule({
  declarations: [
    ChildpageComponent
  ],
  imports: [
    ...
  ],
  exports: [
    ChildpageComponent
  ]
})
export class ComponentsModule {}

现在您可以在其他页面中使用<app-childpage></app-childpage>选择器，方法是将ComponentsModule导入到它们各自的模块中

赞(0）回复(0）举报 2023-09-28

我来回答

Ionic 将一个离子页面添加到另一个离子页面-离子4

1条答案

相关问题

热门标签

最新问答