摘要:AngularJS,炙手可熱,Kendo UI集成了AngularJS。Kendo UI如何與AngularJS協作開發?開發者在使用兩者過程中有哪些困惑?……本文總經了開發者在使用Kendo UI和AngularJS進行開發時常見的問題,并給出了總結回答。
《AngularJS and KendoUI - Your Questions Answered》一文囊括了開發者在使用Kendo UI和AngularJS進行開發時遇到的常見問題。下面為該文章的簡譯內容:
AngularJS中的指令是什么?如何將Kendo UI與之集成?
AngularJS中的指令(Directive)是一種預定義的HTML約定,在AngularJS編譯HTML模板時,編譯器會根據這些指令來對HTML進行特定的處理。因為Kendo UI附帶了一組自定義的AngularJS指令,所以你可以使用它的HTML屬性(即指令)來創建一些Kendo UI的控件。
舉個例子,如果要在AngularJS應用中創建一個日期選擇控件,你只需要在<input>元素上添加自定義指令(屬性)“kendo-date-picker”。當AngularJS HTML編譯器在<input>元素上發現這個指令(屬性)時,就會調用對應的provides來生成一個Kendo UI 日期選擇控件。
使用Kendo UI的AngularJS指令需要多少錢?
Kendo UI的核心指令集是免費且開源的。開發者可以在這里獲得源碼:Kendo UI 核心 組件GitHub倉庫。然而,并非所有Kendo UI 控件都是免費用于商業用途的。如果你想在AngularJS應用中使用Kendo UI專業版,你需要獲得一個Kendo UI專業許可證(每個開發者低需要699美元)。如果你想知道哪些控件是開源免費,哪些是需要許可證的,請參照此表:核心組件VS專業組件對照表。
Kendo UI需要依賴AngularJS才能運行嗎?
Kendo UI并不依賴于AngularJS。然而,你應該知道Kendo UI指令已經集成到kendo.ui.core.js 和 kendo.all.js文件中了。但是,如果你是通過引入單個獨立的控件腳本文件來使用,Kendo UI指令默認是不會集成進來的。你需要再引入指令腳本文件(即 kendo.angular.js)才行。
Kendo UI支持AngularJS的哪些版本?
Kendo UI 2014.3.1119版本(即2014年的第三次發行版),可以支持到AngularJS 1.3.x。
Kendo UI支持AngularJS 2.0嗎?
這個問題已經被列入了AngularJS 2.0的開發計劃中,但還沒有開始執行。我們跟大家一樣都很期待和關注。終的結果是,Kendo UI可以支持AngularJS 2.0。
使用AngularJS指令需要依賴于JQuery嗎?
雖然AngularJS可以不依賴于JQuery,但是Kendo UI不行。所以想要讓Kendo UI正常工作必須要引入JQuery,因此Kendo UI的指令肯定需要依賴于JQuery了。
AngularJS會取代Kendo UI的SPA和MVVM嗎?
不會。雖然Kendo UI 提供了它自己的templating,views,routers,layout,和MVVM工具,但我們并不打算讓AngularJS完全取代這些功能,這樣Kendo UI就會完全依賴于AngularJS才能運行。創建Kendo UI指令的目的,是為了幫助AngularJS使用者以AngularJS的思維方式來構建高效、快速運行的應用,而不是強制讓那些不使用AngularJS的人來使用AngularJS。
如何才能使用Kendo UI AngularJS 指令?
如果你的應用引入了kendo.ui.core.min.js 或kendo.all.min.js 文件,那么你就可以直接用了。正如前面提到的,Kendo UI AngularJS指令已經集成到了這些文件中,你所要做的就是包含angular.js文件來讓Kendo UI和Angular一起工作。
[js] view plaincopy在CODE上查看代碼片派生到我的代碼片
<script src="http://cdnjs.cloudflare.com/ajax/libs/jquery/2.0.3/jquery.min.js"></script> <!-- 2.0.x -->
<script src="https://ajax.apis.com/ajax/libs/angularjs/1.3.14/angular.min.js"></script> <!-- 1.3.0 -->
<script src="http://cdn.kendostatic.com/2014.3.1411/js/kendo.all.min.js"></script> <!-- directives already included -->
誰在維護和支持Kendo UI AngularJS指令?
這些指令的開發、維護和支持工作不依賴于任何第三方組織和社區,由Kendo UI團隊直接負責這些工作。
Kendo UI提供的所有東西都能和AngularJS兼容嗎?
Kendo UI提供了一些與AngularJS相重復的功能,這些功能不應當和AngularJS一起使用。舉個例子,當你使用Kendo UI和AngularJS時,應當避免使用Kendo UI的以下功能:
MVVM
Router
View
Layout
所有的Kendo UI控件都有相應的AngularJS指令嗎?
是的。你可以通過控件的名稱(比如kendoDatePicker() )來推斷出指令的名稱。將控件名中駝峰部分的大寫字母變成小寫,然后在兩個單詞之間用破折號隔開,就得到了與之對應的指令名稱(比如kendo-date-picker)。
Kendo UI移動端控件也支持AngularJS嗎?
是的。我們還寫了一篇詳細的教程來說明它是如何運作的:“使用Kendo UI Mobile和AngularJS”。
還遺漏了哪些問題?
不可能預料到所有會出現的問題。所以如果關于Kendo UI 和AngularJS還有什么疑問,可以在本文的評論部分自由的發表你的觀點,屆時CSDN會找相應的專家來解答。(編譯:李全峰,審校:陳秋歌)
原文鏈接:AngularJS and KendoUI - Your Questions Answered
本站文章版權歸原作者及原出處所有 。內容為作者個人觀點, 并不代表本站贊同其觀點和對其真實性負責,本站只提供參考并不構成任何投資及應用建議。本站是一個個人學習交流的平臺,網站上部分文章為轉載,并不用于任何商業目的,我們已經盡可能的對作者和來源進行了通告,但是能力有限或疏忽,造成漏登,請及時聯系我們,我們將根據著作權人的要求,立即更正或者刪除有關內容。本站擁有對此聲明的最終解釋權。