尝试新的UI库 NG-ZORRO 首个问题
2017-08-30 00:00
183 查看
前几天 阿里旗下的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版本,命令如下:
回滚后版本没有问题,可以正常使用。剩下的就是看看文档上手了。我就不多多说了。毕竟我也是刚开始看,说的不好那多尴尬,我不要面子的啊。。
避免尴尬贴一篇文章,知乎上ng-zorro专栏为数不多的文章 我所认知的 ANT DESIGN。
另外贴出来一个基于vs code实现的ng-zorro的代码提示器
老话说的好,背靠大树好乘凉嘛,ng-zorro在阿里团队的带领下肯定有更长远的发展,拭目以待吧
=============8月31日,新版本更新,sdk不兼容问题已解决===========
也就是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不兼容问题已解决===========
相关文章推荐
- 关于Angular 4 + ng-zorro 使用过程中遇到的问题
- 关于angular瀑布流插件ng-infinite-scroll.min.js遇到一个奇葩问题
- 【VMware14.1.1问题解决】:无法连接 MKS: 套接字连接尝试次数太多;正在放弃
- Particle Editor 无法启动此程序,因为计算机中丢失MSCP110.dll。尝试重新安装该程序以解决此问题。
- 尝试加载 Oracle 客户端库时引发 BadImageFormatException。如果在安装 32 位 Oracle 客户端组件的情况下以 64 位模式运行,将出现此问题。(遇到了这个问题网上查了下保存下来)
- 阿里云 Angular 2 UI框架 NG-ZORRO介绍
- 解决Mysql连接池被关闭 ,hibernate尝试连接不能连接的问题。 (默认mysql连接池可以访问的时间为8小时,如果超过8小时没有连接,mysql会自动关闭连接池。系统发布第二天访问链接关闭问题。
- 关闭ArcGIS9.3时 .NET Framework出现尝试读取或写入受保护的内存问题
- AngularJS最理想开发工具WebStorm(解决用WS编写ng的问题)
- 无法启动此程序,因为计算机中丢失chrome_elf.dll。尝试重新安装该程序以解决此问题
- 遇到问题----win7安装apache服务出现 <OS 10013> 以一种访问权限不允许的方式做了一个访问套接字的尝试
- angular中使用ng-options第一个选择项为空白的问题。
- 解决【无法启动此程序,因为计算机中丢失MSVCP71.dll。尝试重新安装该程序以解决此问题】问题
- 尝试使用Memcached遇到的狗血问题
- 无法启动此程序,因为计算机中丢失 CG32.DLL。尝试重新安装该程序以解决此问题。
- ng2英雄指南相关问题
- WPF 提示"该密钥文件可能受密码保护。若要更正此问题,请尝试再次导入证书,或手动将证书安装到具有以下密钥容器名称的强名称"的解决方法
- 首个spring mvc 测试例子搭建遇到问题记录
- 解决 phpMyAdmin 尝试连接到 MySQL 服务器,但服务器拒绝连接 问题
- ngRepeat问题