angular ui框架ng-zorro组件库介绍安装使用.pdfVIP

Angular UI 框架Antd 组件库介绍 安装 使 用 主讲教师：（大地） 合作 ： （IT 营） 专栏：http /category-79-b0.html 一、 Angular UI 框架Ng-Zorro 介绍 1 二、 Angular UI 框架Ng-Zorro 安装使用 2 一、使用ng add 安装ng-zorro （ ） 2 二、单独安装 ng-zorro-antd 3 一、Angular UI 框架Ng-Zorro 介绍 ng-zorro-antd 是 Ant Design 的 Angular 实现，主要用于研发企业级 产品，Ant Design 是蚂蚁金服 Ant Design 团队开发的一款优秀的前端框 UI 库架支持 React、Angular、Vue 。 Ant Design 主要用于开发和服务于企业级 产品。如果你想开发移动端应用（web 页面 /app ） Ionic 是不错的选择。 Ant Design 官网： 二、Angular UI 框架Ng-Zorro 安装使用 ng-zorro-antd 与 @angular/core 保持相同的主版本号，目前支持 Angular ^10.0.0 版本 一、使用 ng add 安装 ng-zorro （ ） 1、创建项目安装 ng-zorro-antd 提示：安装前建议安装 版本的 yarn ng new PROJECT_NAME cd PROJECT_NAME ng add ng-zorro-antd 2 、在模板中使用 import { NzButtonModule } from ng-zorro-antd/button; button nz-button nzType=primaryPrimary/button 二、单独安装 ng-zorro-antd 1、安装组件 npm install ng-zorro-antd --save 或者 cnpm install ng-zorro-antd --save 2、引入样式，在 angular.json 中引入了 { styles: [ node_modules/ng-zorro-antd/ng-zorro-antd.min.css ] } 3、在 style.css 中引入预构建样式文件 @import ~ng-zorro-antd/ng-zorro-antd.min.css; 4、引入组件模块 import { NgModule } from @angular/core; import { NzButtonModule } from ng-zorro-antd/button; import { ponent } from ponent; @NgModule({ d eclarations: [ ponent ], imports: [ NzButtonModule ] }) export class AppModule { }