文档章节

尝试新的UI库 NG-ZORRO 首个问题

BlinkCode
 BlinkCode
发布于 2017/08/30 21:55
字数 754
阅读 858
收藏 0

前几天 阿里旗下的UI库更新了!!!

也就是Ant Design在Angular下的实现!取名为ng-zorro。由此Ant Design又添一名大将(原有基于React实现的Ant Design),这无论是对angular4在中国企业级应用的稳固还是Ant Design的延伸都是一步非常重要的路。

    听起来这名字还不错的。反正我蛮喜欢的。

    ok,首先上来是对他的介绍,这里我就不写了,也不贴文章了,一会把官网po出来,刚开始无非

讲讲对Ant Design思想的实现,然后无缝接入angular4啊之类之类的。

    当然了,既然是对angular4的实现,那么就一定会遵循angular4 的一些特性或者风格

    1.TypeScript    2.跨平台特性     3.Rxjs的实现     4.angular4的编程风格

    上面那些就不多说了哈,大家多多看看官网就好了,那上面巴拉巴拉还是说的挺多的。

    首先说一下官网给出的文档。

1.中文的。对,这是一个非常好的消息,虽然我不排斥英文文档,但母语面前还是最亲切的吧。

2.组件实例。每个组件下,文档中都会给出多种用法的详细实例,这也是秉承了原来基于React实现下的Ant Design的风格。组件的属性和事件都会给出详细的说明。

    我也刚接触,剩下的东西大家需要自己上手体会啊。我就不多说了。。。

    剩下的呢我就要说一下遇到的问题

    angular最新版本与当前ng-zorro还是有些不兼容的,在完成官网的快速上手中就出现了问题,

直接报错了,编译不通过,这个是我始料未及的,连入门教程都通不过呢。。。。

确定自己自己环境项目没有问题后,也确定按照入门教程来做的。还是不通过

官方的github中给出了答案,这里贴出该issues,官方的回答并没有解释出根本为题处在哪,只是简单的说明了新版的angular的cdk是 2.0.0-beta.10 ,出现了不兼容的问题,如果想正常使用ng-zorro 请下载

2.0.0-beta.8版本,命令如下:

npm install @angular/cdk@2.0.0-beta.8

   回滚后版本没有问题,可以正常使用。剩下的就是看看文档上手了。我就不多多说了。毕竟我也是刚开始看,说的不好那多尴尬,我不要面子的啊。。

避免尴尬贴一篇文章,知乎上ng-zorro专栏为数不多的文章    我所认知的 ANT DESIGN

另外贴出来一个基于vs code实现的ng-zorro的代码提示器

老话说的好,背靠大树好乘凉嘛,ng-zorro在阿里团队的带领下肯定有更长远的发展,拭目以待吧

=============8月31日,新版本更新,sdk不兼容问题已解决===========

© 著作权归作者所有

共有 人打赏支持
BlinkCode
粉丝 0
博文 10
码字总数 4191
作品 0
程序员
NG-ZORRO 0.6.4,0.6.5 发布,Ant Design 的 Angular 5.0 实现

NG-ZORRO 0.6.4,0.6.5 已发布,NG-ZORRO 是一个企业级的 UI 组件库,是 Ant Design 的 Angular 5.0 实现,开发和服务于企业级后台产品。 NG-ZORRO 0.6.5 bug 修复: 修复 类型兼容问题 #722...

周其
2017/12/11
352
4
NG-ZORRO 0.6.1 发布,Ant Design 的 Angular 5.0 实现

NG-ZORRO 0.6.1 已发布,NG-ZORRO 是一个企业级的 UI 组件库,是 Ant Design 的 Angular 5.0 实现,开发和服务于企业级后台产品。 主要更新内容: Features 支持了全部 的时间格式 #593 @Ju...

达尔文
2017/11/27
439
2
NG-ZORRO 0.6.6 发布,Ant Design 的 Angular 5.0 实现

NG-ZORRO 0.6.6 已发布,NG-ZORRO 是一个企业级的 UI 组件库,是 Ant Design 的 Angular 5.0 实现,开发和服务于企业级后台产品。 主要更新内容: 修复 拖拽的问题 #732 修复 点击失效的问题...

达尔文
2017/12/12
252
0
NG-ZORRO 0.5.4 发布,Ant Design 的 Angular 4.0 实现

NG-ZORRO 0.5.4 已发布,NG-ZORRO 是一个企业级的 UI 组件库,是 Ant Design 的 Angular 4.0 实现,开发和服务于企业级后台产品。 本次更新内容: 功能: InputNumber 增加对 nzBlur,nzFoc...

周其
2017/10/15
503
2
Ant Design 的 Angular 4.0 实现--NG-ZORRO

NG-ZORRO 是一个企业级的 UI 组件库,是 Ant Design 的 Angular 4.0 实现,开发和服务于企业级后台产品。 特性 提炼自企业级中后台产品的交互语言和视觉风格,定期与 Ant Design React 版本保...

匿名
2017/08/16
8.7K
23

没有更多内容

加载失败,请刷新页面

加载更多

下一页

go语言学习总结

一、描述 go语言是直接将源码编译成二进制机器码的语言;它支持面向对象、也支持函数式编程;支持并发很容易; 二、基本语法学习路径 https://studygolang.com/subject/2...

盼望明天
17分钟前
1
0
JSP 九大内置对象及其作用域

JSP 中一共预先定义了 9 个这样的对象,分别为:request、response、session、application、out、pagecontext、config、page、exception ,下面就简单介绍下。 1、request 对象 request 对象...

几个栗子
28分钟前
0
0
Java中的坑之方括号

Java中的坑之方括号 这一段时间,在做项目的时候,发现了一个坑,这个坑说大不大,说小不小,不知道的足够喝一壶,知道的就可以轻松解决。 问题描述 在做数据统计的时候,遇见了如下形式的数...

星汉
39分钟前
1
0
[雪峰磁针石博客]python机器学习、web开发等书籍汇总

Building Machine Learning Systems with Python Third Edition - 2018.pdf 下载地址 Get more from your data by creating practical machine learning systems with Python Key Features ......

python测试开发人工智能安全
50分钟前
1
0
文件的压缩与解压(linux)

Linux下*.tar.gz文件解压缩命令 1.压缩命令:   命令格式:tar -zcvf 压缩后文件名.tar.gz 被压缩文件名 可先切换到当前目录下。压缩文件名和被压缩文件名都可加入路径。 2.解压缩命令: ...

qimh
今天
7
0

没有更多内容

加载失败,请刷新页面

加载更多

下一页

返回顶部
顶部