在Ionic中使用
2. 创建一个项目
在创建项目之前,请确保 已被成功安装。
$ ionic start PROJECT-NAME
进入项目文件夹,执行以下命令后将自动完成 ng-zorro-antd-mobile
的初始化配置。
开发者可以通过增加参数来完成个性化的初始化配置,例如自定义主题,还可以快速生成模板代码,详细可以参考 部分。
4. 开发调试
$ ionic serve
自行构建
2.引入模块
在 app.modules.ts 中,全局引入 ng-zorro-antd-mobile
。
import { NgModule } from '@angular/core';
import { FormsModule } from '@angular/forms';
import { HttpClientModule } from '@angular/common/http';
import { BrowserModule } from '@angular/platform-browser';
import { BrowserAnimationsModule } from '@angular/platform-browser/animations';
import { IonicModule, IonicRouteStrategy } from '@ionic/angular';
import { SplashScreen } from '@ionic-native/splash-screen/ngx';
import { StatusBar } from '@ionic-native/status-bar/ngx';
import { AppComponent } from './app.component';
import { AppRoutingModule } from './app-routing.module';
import { NgZorroAntdMobileModule } from 'ng-zorro-antd-mobile';
@NgModule({
entryComponents: [],
BrowserModule,
IonicModule.forRoot(),
AppRoutingModule,
BrowserAnimationsModule,
FormsModule,
HttpClientModule,
NgZorroAntdMobileModule
],
providers: [StatusBar, SplashScreen, { provide: RouteReuseStrategy, useClass: IonicRouteStrategy }],
bootstrap: [AppComponent]
})