Angular?已成為廣受歡迎的前端框架。去年9月份，期待已久的 Angular2 的正式版發(fā)布之后，Angular 又迎來了新一輪熱潮。伴隨著 Angular 這一路走來，Wijmo 一直都是第一個(gè)全面支持各種版本 Angular 的JS控件庫，為 Angular 用戶提供著最及時(shí)的表格、FlexSheet、圖表、儀表盤、數(shù)據(jù)透視表等輕量控件。

那么，Wijmo 是怎么做到緊跟 Angular 步伐的呢？

?

Angular1 時(shí)代

Angular1 支持 MVC 或 MVVM 模式，提供模塊化、雙向數(shù)據(jù)綁定、語義化標(biāo)簽、依賴注入等等，大大的簡化了前端應(yīng)用程序的開發(fā)。Angular1 一發(fā)布就引起了強(qiáng)烈的關(guān)注，尤其是它首次提出的“雙向數(shù)據(jù)綁定”的概念受到了眾多開發(fā)者的喜愛。

早在2012年，Wijmo 就響應(yīng)客戶的呼聲，發(fā)布了支持 Angular1 的版本，使得 Wijmo 成為第一個(gè)全面支持 Angular1 的控件庫。

?

Angular2 的 Alpha 版

隨著 Web 技術(shù)的不斷發(fā)展，為了解決 Angular1 中的問題，Google 決定開發(fā) Angular2。Angular2 不是 Angular 1 的一次升級，而是一個(gè)全新的、不同的、更高級的框架。

這時(shí)，Wijmo 團(tuán)隊(duì)就決定率先支持 Angular2，因?yàn)橹С?Angular2 已是眾望所歸。這使得開發(fā)人員很容易在在他們的 Angular2 應(yīng)用中集成 Wijmo 控件。?

Wijmo 控件是純 JavaScript 的，這也使得對 Angular2 的支持更容易些，產(chǎn)品組可以為支持 Angular2 進(jìn)行很簡單的包裝，這樣 Wijmo 的 UI 控件也可以脫離 Angular2 組件包裝而獨(dú)立工作。這是一個(gè)很大的付出，但是 Wijmo 做到了對 Angular2 的率先支持。

?

Angular2 的 Beta 版

歷經(jīng)了55個(gè) alpha 版本之后，2015年12月份，Angular 發(fā)布了 beta 版。意味著 Angular2 已經(jīng)穩(wěn)定。Beta 版還是給開發(fā)者們提供了一個(gè)堅(jiān)實(shí)的框架來構(gòu)建他們的應(yīng)用程序。

為了率先支持 Angular，Wijmo 開發(fā)團(tuán)隊(duì)和 Angular 開發(fā)團(tuán)隊(duì)展開了合作，Angular 團(tuán)隊(duì)幫 Wijmo 解決了一些嚴(yán)重的問題。對 Wijmo 來說這是一個(gè)非常有趣的轉(zhuǎn)變，從這個(gè)時(shí)候開始 Wijmo 就已經(jīng)與 Angular2 保持了高度一致。2016年3月份 Wijmo 產(chǎn)品經(jīng)理 Chris 采訪了 Angular 的負(fù)責(zé)人 Brad Green，一起暢談 Angular 相關(guān)的話題，也見證了 Wijmo 和 Angular 的密切合作。

Wijmo采訪Angular

?

Angular2 的 RC版

2016年5月的NG CONF（Angular大會）在猶他州鹽湖城舉行，Angular 團(tuán)隊(duì)結(jié)束了 Angular2 的beta狀態(tài)，將其推進(jìn)到了發(fā)布候選（Release Candidate）階段。大會期間Angular團(tuán)隊(duì)成員登臺，深入介紹了 Angular2，包括新的離線模板編譯器，Angular CLI 等。在第一天的會議上，Brad 也介紹了支持 Angular2 的組件庫 Wijmo。

2016 Angular大會（NG CONF），Brad Green介紹Wijmo

?

Angular2 正式版

2016年9月15日，這對于 Angular2 來說是一個(gè)重要的日子，Angular2 正式版發(fā)布了，在業(yè)界引起廣泛關(guān)注。很多人認(rèn)為 Angular2 正式版有很多顛覆性的變化，是革命性。Angular2 系統(tǒng)架構(gòu)中的核心概念包括模塊、組件、服務(wù)、模板、數(shù)據(jù)綁定和依賴注入。

Wijmo?在 Angular2 發(fā)布幾個(gè)小時(shí)后就發(fā)布了支持 Angular2 正式版本的 Wijmo。Wijmo 為每一個(gè)UI控件都提供了 Angular2 組件。所有 Angular2 組件都提供了完全聲明性標(biāo)記。對有需要的屬性提供了雙向綁定的支持，還對定制綁定和一些組件提供了附加功能，比如對 FlexGrid 中的單元格模板，可以允許用標(biāo)簽指明單元格的內(nèi)容。Wijmo 的 Angular2 組件被封裝為模塊并且可以在 Angular2 應(yīng)用中作為 NPM 包被使用。遵循 Angular2 團(tuán)隊(duì)設(shè)置的模式，在 Angular2 中使用 Wijmo 組件會感到非常熟悉。

Angular網(wǎng)站對Wijmo介紹

?

一切的合作，都以“開放”為基礎(chǔ)

Wijmo 率先支持 Angular2 取得成功后，不少媒體采訪到 Wijmo 的產(chǎn)品經(jīng)理 Chris，試圖探尋 Wijmo 和 Angular 能密切合作的奧秘，歸納起來，主要是以下兩點(diǎn)：

“首先，Angular2 團(tuán)隊(duì)的開發(fā)和路線是十分開放的，這也就保證了我們可以緊跟他們的腳步。其次，當(dāng)我們遇到障礙時(shí)，Angular2 團(tuán)隊(duì)也很樂于為我們提供支持。我們和 Angular 團(tuán)隊(duì)建立了良好的友誼。我們也很享受和他們團(tuán)隊(duì)一起工作。我很感激他們的開放和支持。“

事實(shí)上，在提供對 Angular2 的支持時(shí)，也遭遇了一些挑戰(zhàn)。最大的挑戰(zhàn)就是需要提供深度集成。由于 Wijmo 創(chuàng)建了包裝，還需要解決如何平衡 Angular2 組件的作用和聲明性標(biāo)記，所以我們編寫了大量的代碼，來促使我們的控件能夠完全的用標(biāo)記的方式配置，還創(chuàng)建了具有 Angular 特性的功能，比如 FlexGrid 中的單元格模板。這允許客戶編寫自定制的標(biāo)記，在表格的每一列中使用。

為了做到這樣，產(chǎn)品組需要深度理解 Angular 是如何工作的，同時(shí)必須要使用其內(nèi)置的 APIs。我們和 Angular2 團(tuán)隊(duì)一起工作，使用公共 APIs，解決了這個(gè)問題。事實(shí)上，他們也增加了一些東西供我們使用。

?

結(jié)束語

無論過程多么艱辛，Wijmo 做到了對 Angular 率先并且完美的支持，這一切就基于“開放”，兩個(gè)產(chǎn)品組開放合作的心態(tài)，以及產(chǎn)品本身在開放和路線上的開放性。

?

相關(guān)閱讀：

【報(bào)表福利大放送】100余套報(bào)表模板免費(fèi)下載

Angular vs React 最全面深入對比

Wijmo已率先支持Angular4 & TypeScript 2.2

?

更多專業(yè)前端知識，請上 【猿2048】www.mk2048.com

總結(jié)

以上是默认站点為你收集整理的开放才能进步！Angular和Wijmo一起走过的日子的全部內(nèi)容，希望文章能夠幫你解決所遇到的問題。

如果覺得默认站点網(wǎng)站內(nèi)容還不錯(cuò)，歡迎將默认站点推薦給好友。