- 综合排序
- 最热优先
- 最新优先
- 来自专栏编程进阶实战
Angular实战之使用NG-ZORRO创建一个企业级中后台框架（新手入门篇）
NG-ZORRO介绍： 官网地址：https://ng.ant.design/docs/introduce/zh ng-zorro-antd 是遵循 Ant Design 设计规范的 Angular 自动完成 ng-zorro-antd 的初始化配置（推荐，简单快速）： 进入新建的Angular项目目录(YyFlight-NG-ZORRO)中: cd YyFlight-NG-ZORRO 初始化ng-zorro-antd 配置： 注意：执行以下命令后将自动完成 ng-zorro-antd 的初始化配置，包括引入国际化文件，导入模块，引入样式文件等工作。 ng add ng-zorro-antd 【重要】设置项目的相关配置，并选择模板创建项目： Skipping installation: Package already installed? 手动安装ng-zorro-antd： 安装组件： npm install ng-zorro-antd --save 如果上面命令安装失败，可以试试下面的cnpm安装： cnpm install ng-zorro-antd
4.4K11发布于 2020-12-28 - 来自专栏技术社区
Angular-Cli脚手架介绍、安装并搭建项目
$ ng add ng-zorro-antd 开发者可以通过增加参数来完成个性化的初始化配置，例如国际化或者自定义主题等，详细可以参考 脚手架 部分。 安装组件# $ npm install ng-zorro-antd --save 引入样式# 使用全部组件样式# 该配置将包含组件库的全部样式，如果只想使用某些组件请查看 使用特定组件样式 配置。 中引入预构建样式文件 @import "~ng-zorro-antd/ng-zorro-antd.min.css"; 在 style.less 中引入 less 样式文件 @import "~ng-zorro-antd 在 style.css 中引入预构建样式文件 @import "~ng-zorro-antd/style/index.min.css"; /* 引入基本样式 */ @import "~ng-zorro-antd "; /* 引入基本样式 */ @import "~ng-zorro-antd/button/style/entry.less"; /* 引入组件样式 */ 引入组件模块# 最后你需要将想要使用的组件模块引入到你的
2.6K30编辑于 2022-06-17 - 来自专栏call_me_R
Angular 项目多国语言设置
假设默认的语言是 zh-CN，那么你生成项目之后，在 app.module.ts 文件内，可看到下面的代码： import { NZ_I18N } from 'ng-zorro-antd/i18n'; import { zh_CN } from 'ng-zorro-antd/i18n'; import zh from '@angular/common/locales/zh'; @NgModule({ 所以，我们更改了下： // 引用的 ant design angular 库的语言处理 import { NZ_I18N } from 'ng-zorro-antd/i18n'; // 中文 import { zh_CN } from 'ng-zorro-antd/i18n'; import zh from '@angular/common/locales/zh'; // 英文 import { en_US } from 'ng-zorro-antd/i18n'; import en from '@angular/common/locales/en'; // 切换语言 let useLang: any
2.6K20编辑于 2023-03-14 - 来自专栏李维亮的博客
Can't bind to 'formGroup' since it isn't a known property of 'form'错误解决方案
最近学习了下angular，利用Angular CLI 在本地搭建了个环境，然后装了个ant.design的NG-ZORRO库，试了下用ui的脚手架来创建组件 ng g ng-zorro-antd:form-normal-login /news/news.component'; import { NgZorroAntdModule, NZ_I18N, zh_CN } from 'ng-zorro-antd'; import { FormsModule
1.1K10发布于 2021-07-08 - 来自专栏call_me_R
Angular 结合 NG-ZORRO 快速开发
添加 ng-zorro 是很简单的事情：进入 ng-zorro 根目录，执行 ng add ng-zorro-antd 即可。 当然你也可以执行 npm install ng-zorro-antd 添加，不推荐。 app.module.ts import { ReactiveFormsModule } from '@angular/forms'; import { NzTableModule } from 'ng-zorro-antd /table'; import { NzModalModule } from 'ng-zorro-antd/modal'; import { NzButtonModule } from 'ng-zorro-antd /button'; import { NzFormModule } from 'ng-zorro-antd/form'; import { NzInputModule } from 'ng-zorro-antd
2.6K10编辑于 2022-04-15 - 来自专栏WindCoder
当nz-checkbox-group多选框组遇上必选校验
当nz-checkbox-group多选框组遇上必选校验 Angular2 ng-zorro-antd checkbox 今天表单中用到ng-zorro-antd组件的多选框nz-checkbox-group 在刷了n+1遍ng-zorro-antd的官方文档的表单部分后，在“自定义异步校验”中看到这样一句话 : 当使用 响应式表单(Reactive Form) 时，<nz-form-control> 的
5.2K20发布于 2018-09-19 - 来自专栏挖坑填坑
angular使用NG ZORRO来构建博客展示项目(项目结构及路由)
可以参考官网，https://ng.ant.design/#/docs/angular/getting-started cd blog-angular npm install ng-zorro-antd angular/platform-browser'; import { NgModule } from '@angular/core'; import { NgZorroAntdModule } from 'ng-zorro-antd angular/platform-browser'; import { NgModule } from '@angular/core'; import { NgZorroAntdModule } from 'ng-zorro-antd
1.7K30发布于 2018-08-21 - 来自专栏前端新视界
Angular Material 的设计之美
"> <button mat-menu-item>Item 1</button> <button mat-menu-item>Item 2</button> </mat-menu> 在我更新 ng-zorro-antd displayedColumns">
相比于 ng-zorro-antd 我很赞同 ng-alain 对 ng-zorro-antd 表格的进一步抽象，熟悉了 ng-alain 编写表格的方式之后，我一直以为 mat-table 略显笨拙。 mat-table 对表格列宽的首选操控方式是 CSS，起初我对这种方式也存在疑虑，但是在我亲自封装了 ng-zorro-antd 的表格组件之后，我发现一切都很自然。 任何组件库都无法满足所有业务需求，如果你无法在 Angular Material 中找到可用的组件，你可以尝试第三方组件，或者可以将 ng-zorro-antd 按模块单独引入。 6.2K30发布于 2019-09-29 - 参考代码：Ironape --- 问题：Edge浏览器的日历（nz-range-picker）确认按钮需要点两次 原因：尚未明确 解决方案： 升级组件版本，目前ng-zorro-antd来自专栏贪婪的君子
angular浏览器兼容性问题解决方案
问题：edge浏览器下，固定列的边框消失 原因：ng-zorro-antd表格组件使用nzLeft和nzRight指令固定的表格列，这两个指令的实现css3中的标签： position: -webkit-sticky
4K30发布于 2020-08-18
阿里计算平台事业部前端实习 offer 面经
面试官花名执衡, 是 ng-zorro-antd 的主力开发者之一. 因为这个部门在开发 ng-zorro-antd, 而我的 GitHub 上也有一些前端组件开发的项目, 所以基本上都是围绕这一方面问的.
th-table 中 基于双字段计算的表格列展示方案
场景说明在使用 th-table（通常指基于 Angular 的 ng-zorro-antd 或类似 UI 库中的表格组件）时，如果某一列的值需要通过两个字段（key）计算得出，你可以通过以下几种方式实现展示 方法一：在模板中直接计算（推荐用于简单逻辑）HTML 模板（Angular + ng-zorro-antd 示例）
Angular 实现类似微服务的效果
output": "/assets/" } ], "styles": [ "node_modules/ng-zorro-antd
Angular 中后台前端解决方案 - Ng Alain 介绍
ng-alain技术栈基于 Typescript、Angular、g2、@delon 和 ng-zorro-antd，并遵循Antd设计了新的组件，基于ng-alain可以快速的开发中后台。
Angular17 使用 ngx-formly 动态表单
选择创建项目的模板: sidemenu ng add ng-zorro-antd 安装 Formly 核心模块： 推荐使用 angular-cli 提供的 ng add 进行安装配置： # 可选主题包括 ：bootstrap / material / ng-zorro-antd / ionic / primeng / kendo / nativescript # 需要组件库的使用同步 ng add @ngx-formly /schematics --ui-theme=ng-zorro-antd Angular CLI 添加新页面： 推荐使用 angular-cli 提供的 ng generate 自动生成： ng g m
52ABP模板 ASP.Net Core 与 Angular的开源实例项目
Server 2012 版本以上，推荐2014 GIT 前端环境 Visual Studio Code node yarn 技术栈基于 Typescript 、Angular 、g2 、@delon 和 ng-zorro-antd
Angular6自定义表单控件方式集成Editormd
angular.json "styles": [ "src/assets/editorMd/css/editormd.min.css", "node_modules/ng-zorro-antd
Angular实战之使用NG-ZORRO创建一个企业级中后台框架（进阶篇）
前言： 上一篇文章我们讲了如何在创建的Angular项目中快速引入ng-zorro-antd企业中台组件库，并且快速构建后台管理页面框架模板。
angular使用NG ZORRO来构建博客展示项目(简单实现展示页面)
编辑layout模块中的header组件 在layout.module.ts中引入NG ZORRO import { NgZorroAntdModule } from 'ng-zorro-antd
腾讯云开发者
Copyright © 2013 - 2026 Tencent Cloud. All Rights Reserved. 腾讯云 版权所有
深圳市腾讯计算机系统有限公司 ICP备案/许可证号：粤B2-20090059 
粤公网安备44030502008569号
腾讯云计算（北京）有限责任公司 京ICP证150476号 | 京ICP备11018762号