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

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

?

Angular1 時代

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

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

?

Angular2 的 Alpha 版

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

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

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

?

Angular2 的 Beta 版

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

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

Wijmo采訪Angular

?

Angular2 的 RC版

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

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

?

Angular2 正式版

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

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

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

?

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

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

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

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

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

?

結(jié)束語

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

?

相關(guān)閱讀：

【報表福利大放送】100余套報表模板免費下載

Angular vs React 最全面深入對比

Wijmo已率先支持Angular4 & TypeScript 2.2

?

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

總結(jié)

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

如果覺得生活随笔網(wǎng)站內(nèi)容還不錯，歡迎將生活随笔推薦給好友。