Question

您好我正在处理角度js 60ish min教程我无法弄清楚这里的路由功能是我的代码问题：当我打开html文件时没有任何反应我发现任何路由都没有发生 view1.html和view2.html与main.html和angular.min.js文件位于同一文件夹中。

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

<!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>

Answer 1

从Angular 1.2开始，您必须包含路由模块。

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

See the docs

Answer 2

请在浏览器上打开控制台以检测错误。如果显示任何错误，您尝试按如下方式引用AngularJS Google CDN：

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

在此之后，如果您的代码仍然无法正常运行，请启用浏览器上的调试脚本以进行更多调查。

如果仍有问题，请告诉我。

希望这会对你有所帮助!!

Answer 3

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

不要忘记在页面中包含angular-route.js

路由AngularJS无法正常工作

3 个答案: