2014-03-19 154 views
0

您好我正在处理角度js 60ish分钟教程我无法找出路由功能这里是我的代码 问题:当我打开html文件没有任何反应,我做noy看到任何路由发生 view1.html和view2.html与main.html和angular.min.js文件位于同一个文件夹中。路由AngularJS不工作

请在代码中指出错误或者如何调试。

<!DOCTYPE HTML> 
<HTML data-ng-app ="demoapp"> 
<head><title>New angular js app </title></head> 
<body> 
<div> 
<div ng-view></div> 
</div> 
<script src = "angular.min.js"></script> 
<script> 
var demoapp = angular.module('demoapp',[]); 
demoapp.config(function($routeProvider){ 
$routeProvider 
    .when('/view1', 
     { 
     controller:'SimpleController', 
     templateUrl:'view1.html' 
     }) 
    .when('/view2', 
     { 
     controller:'SimpleController', 
     templateUrl:'view2.html' 
     }) 
    .otherwise({ redirectTo:'/view1'}); 
}); 
demoapp.controller('SimpleController', function ($scope){ 
$scope.customers = [ 
    {name:"ishan", city:"Delhi"}, 
    {name:"Ankit", city:"New Delhi"}, 
    {name:"subhash", city:"haridwar"}, 
    ]; 
$scope.addCustomer = function() 
{ 
    $scope.customers.push 
     ({ 
      name:$scope.newCustomer.name, 
      city:$scope.newCustomer.city 
     }); 
}; 
}); 
</script></body></html> 
+0

你是什么角版的角route.js? –

+0

AngularJS v1.3.0-beta.1 – user2328807

回答

2

由于Angular 1.2需要包含路由模块。

var demoapp = angular.module('demoapp',['ngRoute']); 

See the docs

+0

它没有帮助。 AngularJS v1.3.0-beta.1 – user2328807

+3

你添加了angular-route.js吗? http://code.angularjs.org/1.3.0-beta.1/angular-route.js – rajasaur

1

请在浏览器中打开控制台检测到的错误。如果显示任何错误,你尝试参考AngularJS谷歌CDN最新如下:

<script src="//ajax.googleapis.com/ajax/libs/angularjs/1.2.14/angular.min.js"></script> 

在此之后,如果你的代码仍然不工作正常,请打开调试脚本的浏览器进行调查更多。

请让我知道是否还有问题。

希望这会帮助你!

1
var demoapp = angular.module('demoapp',[ngRoute]); 

了,别忘了在你的页面