无法在Phonegap内部使用Angular加载路由

时间:2014-04-21 18:57:56

标签: angularjs cordova

我是Angular的新手,无法弄清楚如何在phonegap中使用一条路线。这是我的Angular代码:

var app = angular.module('app', [
'ngCookies',
'ngResource',
'ngSanitize',
'ngRoute'
])


.config(function ($routeProvider) {
$routeProvider.when('/', {
    templateUrl: 'app/views/main.html',
    controller: 'mainControl'
  })

$routeProvider.when('/test' , {
    templateUrl: 'app/views/test.html',
    controller: 'testControl'
  })

$routeProvider.otherwise({
    redirectTo: '/'
  });
});

app.controller('mainControl' , function(){

})

app.controller('testControl' , function(){

})

我正在尝试使用main.html中的此链接访问'/ test':

<span>Click <a href='/test'>here</a> to go to the test page<span>

当我点击ripple中的链接时,我在控制台中获得了一个404 for localhost:4400 / test /

就像我说我是Angular的新手,所以我可以告诉两个routeProviders匹配,但是当点击链接时我无法加载页面。

总是感谢帮助。

1 个答案:

答案 0 :(得分:0)

我认为在斜杠之前需要一个#标签。

<span>Click <a href='#/test'>here</a> to go to the test page<span>

希望这能解决这个问题。