2014-02-14 2 views
1

Я использую angularjs маршрутизации, но получаю ниже ошибки ...

<title>Angular js</title> 

</head> 
<body><div data-ng-controller="SimpleController"> 
    <div data-ng-view=""></div> 
    NAme:<input type="text" data-ng-model="name" />{{name}} 
    <br /> 
    <ul> 
     <li data-ng-repeat="cust in customers|filter:name|orderBy:'city'">{{cust.name|uppercase}}-{{cust.city|lowercase}}</li> 
    </ul> 
     <script> 
       var demoapp = angular.module('demoapp', ['ngRoute']); 
       demoapp.config(function($routeprovider){ 
        $routeprovider 
        .when('/',{ 
        controller:'SimpleController', 
        templateUrl:'view1.html' 
       }) 
        .when('/partial2',{ 
       controller:'SimpleController', 
       templateUrl:'view2.html' 
       }) 
        .otherwise({redirectTo:'/'}); 
       }); 
      demoapp.controller('SimpleController', 
      function ($scope) { 
       $scope.customers = [{ name: 'aman', city: 'boom' }, 
            { name: 'ajay', city: 'reem dee' }, 
            { name: 'hood', city: 'meen' }]; 
      }); 
     </script> 
    </div> 
</body> 
</html> 

ошибка консоли

Uncaught Error: [$injector:modulerr] http://errors.angularjs.org/1.2.12/$injector/modulerr?p0=demoapp&p1=Error%3…0Yb%20(http%3A%2F%2Flocalhost%3A4257%2Fscripts%2Fangular.min.js%3A32%3A232) 
+2

Я думаю, вы должны написать $ routeProvider –

+0

Вы добавили?

ответ

8
  1. Обязательно включите ваш angular-route.js после angular.js

    <script src="//ajax.googleapis.com/ajax/libs/angularjs/1.2.12/angular.js"></script> 
    <script src="//ajax.googleapis.com/ajax/libs/angularjs/1.2.12/angular-route.js"></script> 
    
  2. Заменить $routeprovider на $routeProvider. Используя сервис как зависимость, он не может вводить неправильное имя параметра.

+0

решена. thnx v много –

Смежные вопросы