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

  • 45
  • 0
  • 约1.64千字
  • 约 4页
  • 2022-10-24 发布于北京
  • 举报

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

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 { }

您可能关注的文档

文档评论(0)

1亿VIP精品文档

相关文档