我有一个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
该项目没有错误,也没有升温!
所以我该怎么办,或者离子组件只能运行“离子启动”项目?
通常,<ion-toolbar>
需要包装在<ion-header>
内才能获得所需的UI。 StackBlitz Demo
<ion-header>
<ion-toolbar color="primary">
<ion-title>Hello Mobile!</ion-title>
</ion-toolbar>
</ion-header>