1. 程式人生 > >Angular 常用模板、元件、規範 (實用)

Angular 常用模板、元件、規範 (實用)

整時間:2018-10-30 

【PC端】
一、Ant Design of Angular(阿里)
1、Demo
https://ng-alain.github.io/ng-alain 
2、ng-zorro 官網 (UI元件)
https://ng.ant.design/docs/introduce/zh
3、ng-alain 官網 (企業後臺模板)
https://ng-alain.com/zh
4、ng-alain 特性: 響應式、簡單升級 、支援Docker部署。。。
https://github.com/ng-alain/ng-alain/blob/master/README-zh_CN.md
5、一套基於 Ng-zorro-antd  (理念)

https://www.ctolib.com/topics-122500.html

6、angular 系列(建立專案整合ng zorro)
https://www.jianshu.com/p/c3e518d166f2
7、Angular前端專案(使用ng-zorro元件庫 、引入echarts等元件 )
https://www.jianshu.com/p/e4e9022bb43a

 

二、primeNG (大漠窮秋推薦。控制元件豐富, 比 ng-bootstrap 和 Angular Material 要豐富許多)


1、官網(慢)
https://www.primefaces.org/primeng/#/   
2、大漠窮秋示例
https://gitee.com/mumu-osc/NiceFish-Admin

三、Angular/Material2
1、官網 (慢, 英文 v7.0.2)
https://material.angular.io/ 
2、官網 (中文版 v6.4.6)
https://material.angular.cn/
2、GitHub
https://github.com/angular/material2
3、官方入門教程(中文版)
https://www.jianshu.com/p/10c6ccf42e00

【移動端】
一、Ionic


1、官網
https://ionicframework.com/docs/

二、Ant Design Mobile of Angular  (阿里)
1、ng-zorro-mobile 官網 (UI元件) 
http://ng.mobile.ant.design/#/docs/introduce/zh       
2、有了ng-zorro-mobile,ionic4如虎添翼   (使用示例)
https://cloud.tencent.com/developer/article/1354421  

三、Angular WeUI 微信元件
https://cipchk.github.io/ngx-weui/#/start

【其他】
一、Angular 模板網 (inspinia、metronic。。。)
http://www.ngui.cc/
二、AmdUI (收費,非Angular)
http://demo.admui.com/login
三、Vue、React、Angular最佳UI框架
https://blog.csdn.net/Fundebug/article/details/80175493?utm_source=blogxgwz0

【程式設計規範】
一、【薦】Angular官方程式碼風格指南
https://blog.csdn.net/chelen_jak/article/details/83620589
二、Angular : 專案資料夾src目錄結構及作用
https://blog.csdn.net/chelen_jak/article/details/83621788
三、Angular目錄的2種分法(型別優先、功能優先)
http://wiki.jikexueyuan.com/project/angularjs-practices-style-guide/general.html
四、使用 AngularJS 從零構建大型應用 (型別優先)
https://www.v2ex.com/t/168015