Angular2后台管理前端框架选型

截至目前：2016-05-11，ng2发布了继Beta之后的RC候选版本，已经趋于成熟。公司决定配合ionic2，选择一套同样使用ng2构建的PC后台管理的前端模板。主要用于：

1. WEB管理后台建设；
2. PC桌面应用构建。

可选后台前端框架搜集

• ionic2（选用）

  • 针对移动端，需要自主开发PC版组件或定制CSS主题
  • 当前最为完善

• angular/material2（官方）

https://material.angular.io/

https://github.com/angular/material2

已支持控件列表如下： - md-button (buttons and anchors) - md-card - md-toolbar - md-sidenav - md-checkbox - md-progress-circle and md-spinner

• PrimeNG（开源+付费）
  • 封装十分紧凑，直接引入组件即可使用
  • 仅支持typescript
  • 多主题颜色切换
  • 有专业版本出售

UI Components for AngularJS 2

http://www.primefaces.org/primeng/

https://github.com/primefaces/primeng

• ng2-bootstrap（不完善）
  • 测试版，不完善

http://valor-software.com/ng2-bootstrap

http://mlaval.github.io/angular2-bootstrap/

可选后台前端主题搜集

• Ani Angular 2 Theme

Angular 2 Bootstrap 4 Ani Dashboard Theme

star 15 on https://github.com/start-angular/ani-angular-2

演示地址：http://ani-theme-angular2.strapui.com/

参考文档：http://www.strapui.com/docs/ani-angular2-theme/v1.0/

• Bootstrap 4

• Angularjs 2

• SB Admin Bootstrap 4 Angular 2（较为简陋）

Angular-2 Admin Dashboard Theme

star 103 on https://github.com/start-angular/SB-Admin-BS4-Angular-2

演示地址：http://rawgit.com/start-angular/SB-Admin-BS4-Angular-2/master/dist/prod/index.html

参考文档：

• Bootstrap 4

• Angularjs 2

• rdash-angular2（测试阶段）

star 83 on https://github.com/ziyasal/rdash-angular2

Ani Angular 2 剖析