我们已经了解了不少 angular 的知识点,这次我们来个小成品。在我们平常开发的过程中,为了加快或者方便维护,一般选择引入比较成熟的 UI 框架,本篇我们将 Angular 和 Ng-Zorro结合
原创
2022-08-09 14:29:00
445阅读
1、nz-select的时候内容长度过长导致突出了,如果是flex布局,采用flex:1;width:0px这种进行处理2、nz-list如果需要处理比较多的内容并且需要action比较好看采用如下方式a、是一个一个div作为content,style设置flex:1;max-width:calc(100% - 100px)b、采用nzNoFlex直接让action落在右下角c、通过写一个css的
原创
2022-08-14 10:40:00
256阅读
说明: Angular2出来后,一直想找个基于Angular2的前端后台管理框架,但一直没有找到比较适合的。前段时间在Angular官网资源无意之间看到NG-ZORRO,NG-ZORRO由阿里计算平台事业部、阿里云等不同部门的一些小伙伴在原业务组件的基础上共同构建而成,而且已开源,现在是0.6.0的
转载
2018-11-10 19:17:00
320阅读
2评论
1.需求,使用路由懒加载的方式实现动态tab页,点击左侧菜单右侧新建一个tab, 2.新建一个项目: $ ng new angular-tab 按照ng-zorro官网的步骤导入 ng-zorro 安装:$ npm install ng-zorro-antd --save 在app.module.t
转载
2021-05-08 14:00:00
418阅读
点赞
2评论
$ ng new PROJECT_NAME $ cd PROJECT_NAME $ ng add ng-zorro-antd 上面的命令尽量在cmd下执行, 参考教学视频:https://ninghao.net/video/7567
原创
2021-07-21 09:44:35
262阅读
ng-zorro-antd@0.7.1修复月份选择bug背景公司开发框架使用的是angular5,为了提高开发效率,将ng-zorro-antd库引入项目。在开发过程中,发现该库的月份选择有问题(ng-zorro官网可复现),具体表现如下:由上图可以看出,月份选择出现了两个三月、两个五月、两个十二月。这个bug不仅出现在月份选择,即便是日期选择,也可以先选月份,依然会存在这个bug。bug产生的原
原创
2019-07-31 19:07:48
922阅读
点赞
npm 安装卸载指定版本ng-zorro-antd
原创
2023-03-05 07:07:26
309阅读
PS E:\MyProject\AllManger\publicMobile> ng build✔ Browser application bundle generation complete.✔ Copying assets complete.✖ Index html generation fai
原创
2021-09-14 13:33:50
723阅读
最近因为需要开发一个前后端分离的应用,一看angular6出来了,就立马想要用用看,所以立马确立了angular6+ng-zorro-antd的前端,但是在使用中发现,我没法引入相应的样式,看我的引入没有任何问题,通过1个多小时的查找资料,百度,分析,找出了这个坑。如下,现在项目也完成了也就来记录一下,希望有跟我一样问题的小伙伴可以免去一些麻烦。https://github.com/angular
原创
2018-07-24 22:20:48
10000+阅读
项目年头比较长了 版本都比较落后 nz0.6已经不再维护,但是以防小伙伴突然接到这种老项目和产品打架。。。。 首先模块导入部分 还是一样 将当前模块下的所有页面或者文件都导入到module.ts中 上图意思就是即使是一个弹框组件 也要导入到modeule.ts中 以及导入组件的class位置:(图解 ...
转载
2021-07-15 16:38:00
345阅读
2评论
1.先升级Angular版本到指定版本,不能跨级升级。 ng update @angular/cli@7.2.0 cnpm install npm install ng-zorro-antd@0.7.0
原创
2022-05-01 23:22:00
595阅读
探索 NG-ZORRO:Ant Design 的 Angular 实现项目地址:https://gitcode.com/NG-ZORRO/ng-zorro-antdNG-ZORRO 是一个基于 Angular 框架的高度可定制和易于使用的前端 UI 库,它实现了 Ant Design 的设计哲学和组件库。这个项目为 Angular 开发者提供了一套完整的、符合现代 Web 标准的 UI 解决方案。
搭建Angular环境,介绍NG-ZORRO、ExcelJS、CKEditor,自定义组件,分页查询
原创
2018-02-24 11:39:25
5944阅读
ng-init :初始化应用时创建变量,并给变量赋值。初始化多个变量时用分号 ; 隔开。<!DOCTYPE html><html><head><meta charset="utf-8"><script src="https://cdn.staticfile.org/angular.js/1.4.6/angular.min.js...
原创
2019-03-12 12:53:32
89阅读
ng-show/ng-hide是通过修改CSS样式方式控制元素显示与隐藏,对应的DOM元素会一直存在于当前页面中,而ng-if根据表达式的值动态的在当前的页面中添加删除页面元素。如果赋值表达式的值为false,那么这个元素就会从页面中删除,否则会添加一个元素。ng-if创建元素时用的是被它编译后的代码,如果ng-if内部的代码被其它方式修改过,那么修改只会对本次展现有效,页面元素重新渲染后修改效果会消失,而ng-sh
原创
2021-07-15 09:58:00
286阅读
最近工作遇到了这么一个问题,嵌套了2层ng-repeat的页面结构,第二层select组件在赋值时控制器取不到对应的值:页面片段:li.list-group-item.space-list-item(ng-repeat="space in current.spaces")
span
原创
2017-06-29 15:03:26
2219阅读
https://docs.angularjs.org/api/ng/directive/ngClass 翻译 1. 表达式生成一个空格饭分隔的class字符串 1. 一个对象,它的每一个key在其值为true的时候作为class来用 1. 一个数组,数组的项可以是第一种/第二种, 或者他们的混合 n
转载
2017-06-17 09:03:00
158阅读
Angular2,Angular4,Angular6,开发选什么ui框架好 ng-zorro 点
原创
2023-04-03 13:34:13
94阅读