2014-03-19 155 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]); 

了,別忘了在你的頁面