2013-09-16 77 views
9

我正在開發一個使用jQuery Mobile和AngularJS的混合移動應用程序。jQuery Mobile vs AngularJs頁面導航

我決定使用兩者的混合以下:

  1. jQuery Mobile的
    • 良好的UI功能
    • 沒有太多重量級(相對於煎茶觸摸,例如)
  2. AngularJS
    • 良好的性能和資源管理(緩存,異步請求)
    • 個人經驗

我沒有什麼用jQuery Mobile的沒有經驗,正如我學習,我注意到這兩個頁面導航模型之間的潛在衝突。

  1. 我應該只使用一個嗎?
  2. 如果是,哪一個更適合我的需要?
  3. 這個設置有什麼問題嗎?

非常感謝。

回答

12

你無法將它們相互比較。 Angular.js(如Backbone,Ember等)是用於直接在客戶端而不是服務器中呈現html模板/視圖的MV * Frameworks(用於SPA)。所以你現在在你的前端有很多應用程序邏輯,並且這個框架是爲了讓你的生活更美好而編寫的。

另一方面,jQuery Mobile是一個純粹的widget /插件庫。 AJAX導航插件通過AJAX將頁面(靜態的,如html)加載到DOM中。所以你必須以某種方式在服務器上預渲染這些頁面。 如果您開始使用Angular構建SPA,則根本無法使用jQuery Mobile的AJAX導航。 (如果它是本機移動應用程序,則無論如何您都沒有服務器)

當然,如果沒有UI組件庫,您不會走得太遠,因此請使用您的選擇之一(例如jQM),但要使用Angular的指令來初始化由於$(document).ready(...)或$(document).on(「pageload」,...)不知道有關您的Angular視圖的任何內容,所以DOM元素上的插件/ 看看以下項目: http://angular-ui.github.io https://github.com/angular-widgets/angular-jqm

+0

所以棱角更好? – Martian2049

+0

@ Matian2049 real野人:D – Khateeb321

-2

這已經已經在HERE

解決基本的文章指出,試圖從angular攔截導航可以是痛苦的,所以把所有的路由jqm