La configuración del router AngularJS no está funcionando

Question

Jan 16, 2014, 05:55 AM

La configuración del router AngularJS no está funcionando

Acabo de empezar a aprender JS angular. Hice un código de prueba para enrutamiento. Pero parece que no funciona.

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>

view1.html

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

view2.html

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

¿Me falta algo en la configuración de demoApp.config o del controlador? También tengo un mensaje de error en la consola javascript

Error no detectado: [$ inyector: modulerr]http://errors.angularjs.org/1.2.9/$ inyector / modulerr? p0 = demoApp & p1 = Error% 3A… ogleapis.com% 2Fajax% 2Flibs% 2Fangularjs% 2F1.2.9% 2Fangular.min.js% 3A32% 3A232)