Javascript AngularJS路由器配置不工作_Javascript_Angularjs

Javascript AngularJS路由器配置不工作

javascript angularjs

Javascript AngularJS路由器配置不工作,javascript,angularjs,Javascript,Angularjs,我才刚开始学英语。我做了一些路由测试代码。但它似乎不起作用 demoApp.js var demoApp = angular.module('demoApp',[]) demoApp.config(function($routeProvider){ $routeProvider .when('/view1', { controller:'SimpleController'

我才刚开始学英语。我做了一些路由测试代码。但它似乎不起作用

demoApp.js

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:'Terry.Cho',city:'Seoul'},
                {name:'Cath',city:'Suwon'},
                {name:'Carry',city:'Suwon'}
        ];
        alert('hello controller');
    } );


alert("hello");

home.html

<html ng-app="demoApp">
<head>
    <meta http-equiv="Content-Type" content="text/html; charset=EUC-KR">
    <script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.2.8/angular.min.js"></script>
    <script src="demoApp.js"></script>
</head>
<body>
    <a href="#/view1">View1</a>
    <a href="#/view2">View2</a>

    <div>
        <div ng-view></div>
    </div>
</body>
</html>

<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.2.9/angular-route.min.js

view1.html

<div class="container">
    <h2> View 1 </h2>


视图1

view2.html

<div class="container">
    <h2> View 2 </h2>


视图2

demoApp.config或控制器设置中是否缺少某些内容？我在javascript控制台中也收到了错误消息

未捕获错误：[$injector:modulerr]$injector/modulerr？p0=demoApp&p1=Error%3A…ogleapis.com%2Fajax%2Flibs%2Fangularjs%2F1.2.9%2Fangularjs.min.js%3A32%3A232）

您缺少该模块。您必须向脚本中添加

angular route.js

文件，并按如下方式加载模块：

 angular.module('demoApp', ['ngRoute']);

根据您的

HTML

说明，您的应用程序模块缺少对

ngRoute

模块的引用。如下

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

添加了demo.js

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

并添加到home.html中

<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.2.9/angular-route.min.js

您是否引用了angular.route.min.js
，因为它已转移到自己的独立文件中。