2014-11-25 108 views
0

工作,我開始我的上的PhoneGap項目有角的js和jQuery Mobile的。不知怎的,路由is'nt工作,我用Google搜索和jQuery移動之間橫跨發生了衝突,並angularjs hereAngularJs + jQuery Mobile的不PhoneGap的

這是我收到的錯誤:

11-25 12:31:49.628: E/Web Console(7122): TypeError: Cannot call method 'charAt' of undefined 
11-25 12:31:49.628: E/Web Console(7122):  at Object.LocationHashbangUrl.$$parse (file:///android_asset/www/lib/angularjs/angular.js:9321:41) 
11-25 12:31:49.628: E/Web Console(7122):  at file:///android_asset/www/lib/angularjs/angular.js:9878:21 
11-25 12:31:49.628: E/Web Console(7122):  at Scope.$eval (file:///android_asset/www/lib/angularjs/angular.js:12701:28) 
11-25 12:31:49.628: E/Web Console(7122):  at Scope.$digest (file:///android_asset/www/lib/angularjs/angular.js:12513:31) 
11-25 12:31:49.628: E/Web Console(7122):  at file:///android_asset/www/lib/angularjs/angular.js:9887:45 
11-25 12:31:49.628: E/Web Console(7122):  at file:///android_asset/www/lib/angularjs/angular.js:4539:7 
11-25 12:31:49.628: E/Web Console(7122):  at forEach (file:///android_asset/www/lib/angularjs/angular.js:325:18) 
11-25 12:31:49.628: E/Web Console(7122):  at fireUrlChange (file:///android_asset/www/lib/angularjs/angular.js:4538:5) 
11-25 12:31:49.628: E/Web Console(7122):  at m.event.dispatch (file:///android_asset/www/lib/jquery.js:3:8436) 
11-25 12:31:49.628: E/Web Console(7122):  at r.handle (file:///android_asset/www/lib/jquery.js:3:5139) at file:///android_asset/www/lib/angularjs/angular.js:10071 

是否有任何替代解決辦法,使這兩者一起工作嗎?

我使用1.2.25 angularjs和jQuery移動1.4.5。

我的路線:

app.config(function($routeProvider, $locationProvider) { 
    $routeProvider 
    .when('/', { 
     templateUrl: 'assets/login/login.html', 
     controller: 'LoginController', 
    }); 
}); 

如果我改變我的默認路由:

app.config(function($routeProvider, $locationProvider) { 
    $routeProvider 
    .when('/login', { 
     templateUrl: 'assets/login/login.html', 
     controller: 'LoginController', 
    }); 
}); 

然後它就像魅力。

+0

有關於使用Backbone.js的時候禁用JQM路由很多文章(和樣本在JQM演示中)。也許你可以使用相同的角度原則? – QuickFix 2014-11-25 09:03:07

回答

0

@QuickFix 感謝我刪除了JQM路由和它的工作般的魅力。

0

我都面臨着通過引入否則

serviceApp.config(['$routeProvider', 

function($routeProvider){ 

    $routeProvider. 
    when('/services',{ 
     templateUrl : 'partials/services.html', 
     controller : 'servicesCtrl' 

    }). 
    when('/service/:id',{ 
     templateUrl : 'partials/service-details.html', 
     controller : 'serviceDetailsCtrl' 

    }).otherwise({ 
     redirectTo: '/services' 
    }); 


}]); 

初步解決同樣的問題,但在其他情況下,仍然面臨着同樣的問題,那麼谷歌搜索後,弄清楚這似乎jQuery Mobile的和angularjs是不兼容的,但對於某些操作仍然需要jQuery Mobile的,所以後來下載了jQuery Mobile的像大多是我們要求觸摸支持,在需要的模塊,然後單獨使用的模塊