中秋之際,Angular 團(tuán)隊發(fā)布 Angular 2 正式版,一款不錯的圖表控件Wijmo當(dāng)天宣布支持 。
Angular 2移除和替代了 Angular 1.X 中的 directives, controllers,modules, scopes,幾乎移除了 1.X 中的核心concepts 。 相比于之前的版本,簡單地說主要有:
- 性能極大提升。 通過zone.js 中的單向綁定和數(shù)據(jù)流來取代 1.X 中惡心的臟檢查。
- 更加兼容移動端。對移動App 的渲染是基于 React Native。
- Web Component組件化 。在1.X 版本也有組件,但實(shí)在太難寫了。 在 Angular2 ,非常容易,有點(diǎn)類似于 JSX 語法糖。
- 什么 module,controller 全都沒了,只有es6 中的class 。從此世界干凈很多。
- . . .
Angular 2 真的非常優(yōu)秀。
Wijmo 當(dāng)天支持 Angular 2,其所有控件作為組件管理,也更加模塊化和高效。
現(xiàn)在就開始 Wijmo 在Angular 2 中使用的第一個應(yīng)用吧。
相信你已經(jīng)學(xué)習(xí)了 Angular 2 的Quickstart,如果沒有,沒關(guān)系,因?yàn)橄旅娴闹v解非常詳細(xì)。源代碼已經(jīng)上傳 。
在此之前,你需要
- 打開 Angular 2 的中文網(wǎng),來閱讀它的快速起步。
-
下載wijmoenterprise包,并打開:
/wijmoenterprise/Samples/TS/Angular2/FlexGridIntro/FlexGridIntro。 - 如果你沒有nodejs 環(huán)境,請先安裝nodejs 環(huán)境。
1.新建我們的項(xiàng)目。
$ mkdir wj-ng2-flexgrid
$ cd wj-ng2-flexgrid