[当我使用ng服务运行时,如何在Angular6项目中使用ionic4组件

问题描述 投票:0回答:1

我有一个Angular 6项目,它是用于Web的。现在我想将其用于移动设备,所以我按npm install @ionic/angular并按照Ionic Integration的说明进行操作。

@NgModule({
  declarations: [
    MobileSignInComponent,
    MainComponent
  ],
  imports: [
    CommonModule,
    SharedModule,
    IonicModule.forRoot(),
    RouterModule.forChild(
      mainRoutes
    )
  ],
  exports: [
    RouterModule
  ],
  providers: []
})

导入到我的模块中

并且在HTML文件中

<ion-toolbar>
  <ion-title>Hello Mobile!</ion-title>
</ion-toolbar>

然后运行服务

但是我只有'Hello Mobile!'文本。非离子成分project show img

该项目没有错误,也没有升温!

所以我该怎么办,或者离子组件只能运行“离子启动”项目?

angular ionic-framework
1个回答
0
投票

通常,<ion-toolbar>需要包装在<ion-header>内才能获得所需的UI。 StackBlitz Demo

<ion-header>
    <ion-toolbar color="primary">
        <ion-title>Hello Mobile!</ion-title>
    </ion-toolbar>
</ion-header>
© www.soinside.com 2019 - 2024. All rights reserved.