在Ionic中使用

    2. 创建一个项目

    在创建项目之前,请确保 已被成功安装。

    1. $ ionic start PROJECT-NAME

    进入项目文件夹,执行以下命令后将自动完成 ng-zorro-antd-mobile 的初始化配置。

    开发者可以通过增加参数来完成个性化的初始化配置,例如自定义主题,还可以快速生成模板代码,详细可以参考 部分。

    4. 开发调试

    1. $ ionic serve

    自行构建

    2.引入模块

    在 app.modules.ts 中,全局引入 ng-zorro-antd-mobile

    1. import { NgModule } from '@angular/core';
    2. import { FormsModule } from '@angular/forms';
    3. import { HttpClientModule } from '@angular/common/http';
    4. import { BrowserModule } from '@angular/platform-browser';
    5. import { BrowserAnimationsModule } from '@angular/platform-browser/animations';
    6. import { IonicModule, IonicRouteStrategy } from '@ionic/angular';
    7. import { SplashScreen } from '@ionic-native/splash-screen/ngx';
    8. import { StatusBar } from '@ionic-native/status-bar/ngx';
    9. import { AppComponent } from './app.component';
    10. import { AppRoutingModule } from './app-routing.module';
    11. import { NgZorroAntdMobileModule } from 'ng-zorro-antd-mobile';
    12. @NgModule({
    13. entryComponents: [],
    14. BrowserModule,
    15. IonicModule.forRoot(),
    16. AppRoutingModule,
    17. BrowserAnimationsModule,
    18. FormsModule,
    19. HttpClientModule,
    20. NgZorroAntdMobileModule
    21. ],
    22. providers: [StatusBar, SplashScreen, { provide: RouteReuseStrategy, useClass: IonicRouteStrategy }],
    23. bootstrap: [AppComponent]
    24. })