前端一般會(huì)聽過阿里的Ant Design赋焕，而對(duì)于angular使用者，大多也聽過ng-zorro（Ant Design for Angular的PC版）强挫，最近一次ng-zorro的更新岔霸，帶來了新的開源迷弟：ng-zorro-mobile（Ant Design Mobile for Angular）。
打開ng-zorro-mobile官網(wǎng)俯渤，側(cè)邊欄很醒目地標(biāo)示了【在ionic中使用】：
眾所周知呆细，ionic自身也是一個(gè)UI框架，涵蓋絕大多數(shù)常用組件八匠，但有些組件沒有或不好用絮爷，就要借助第三方組件，現(xiàn)在有了ng-zorro-mobile臀叙，對(duì)ionic有了極大的補(bǔ)充略水。
在ionic中使用ng-zorro-mobile非常簡單价卤，先是創(chuàng)建項(xiàng)目劝萤，有ionic相關(guān)經(jīng)驗(yàn)對(duì)下面幾行代碼非常熟悉：
#全局安裝ionic-cli
npm install -g ionic
#使用ionic-cli創(chuàng)建項(xiàng)目
ionic start PROJECT-NAME --type=angular
注意：要有
--type=angular后綴，才是創(chuàng)建ionic4項(xiàng)目慎璧，不然是創(chuàng)建ionic3項(xiàng)目床嫌，ng-zorro-mobile是支持ionic4，而暫不兼容ionic3的胸私，所以官方文檔寫錯(cuò)了厌处。
然后接入ng-zorro-antd-mobile，其中有兩種方式：
- 使用angular-cli岁疼，只需要以下一句命令即可完成模塊初始化配置（前提安裝了angular-cli）：
ng add ng-zorro-antd-mobile
但這方式有個(gè)坑阔涉，它自動(dòng)把a(bǔ)pp.component.html的內(nèi)容強(qiáng)制替換為ng-zorro-antd-mobile的示例內(nèi)容，所以執(zhí)行完命令后要把a(bǔ)pp.component.html還原捷绒。
- 使用npm瑰排，則先安裝模塊，然后在 app.modules.ts 中暖侨，全局引入 ng-zorro-antd-mobile：
npm install ng-zorro-antd-mobile --save
import { NgZorroAntdMobileModule } from 'ng-zorro-antd-mobile';
imports: [
...
NgZorroAntdMobileModule
]
讓我們看下ng-zorro-antd-mobile帶來了哪些有用的組件椭住，隨便截幾個(gè)圖：
好了，不一一截圖了字逗，有興趣自行上官網(wǎng)上看吧京郑。
