关于ng-zorro-antd阿⾥的UI框架
这个UI框架也是楼主接触项⽬后才了解到的,是阿⾥事业部的团队做的,可是说这个框架就是专门为angular⽽做的,也不是别的框架不能使⽤这套UI,⼤家去看看ant的官⽹就知道什么回事了。
ng-zorro-antd的版本也是跟随angular的版本实时更新的,⽬前最新版本的antd已经⽀持angular7了,⼀般在新项⽬创建之后就可以安装ng-zorro-antd了。
假具体步骤:
ng new 项⽬名
cd 项⽬⽂件夹
ng add ng-zorro-antd
然⽽这⾥会有⼀个坑,⼤家这么做之后肯定会报错,为什么呢?
因为add只是加⼊这个UI框架,你还没有安装,加⼊个啥呢?官⽹其实也写到了,只是写的顺序让⼀些初学者不得不去踩这个坑。
真具体步骤:
angular安装ng new 项⽬名
cd 项⽬⽂件夹
npm install ng-zorro-antd --save
ng add ng-zorro-antd
上⾯这套才能正确的把ng-zorro-antd加⼊到你的项⽬中,加⼊之后再ng serve启动项⽬,出现了ng-zorro的图标就表⽰这个UI框架已经成功融⼊了你的项⽬。
然后阿⾥的这个antd框架官⽹也⾮常简便,可能国⼈制作也知道国⼈的习惯,⼤家使⽤起来跟bootstrap⼀样使⽤即可,都是属性标签⾥使⽤,个⼈觉得antd的亮点在于可以节省⾮常多的时间,⽐如⽣成⼀个对话框,直接套⽤官⽅给的modal组件即可使⽤,对话框的确定/取消事件也包含了。
此⽂章未经本⼈允许,不得四处转载,谢谢。
版权声明:本站内容均来自互联网,仅供演示用,请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系QQ:729038198,我们将在24小时内删除。
发表评论