2016-06-16 3 views
0

я просто новичок в угловые JS и когда я пытался изучать маршрутизации происходит одна ошибки .. пожалуйста, проверьте это ..маршрутизация вопрос в угловом JS

вот мой index.html

<!DOCTYPE html> 
<html data-ng-app="demoApp"> 

<head> 
    <title>Angular</title> 
    <link rel="stylesheet" href="http://netdna.bootstrapcdn.com/twitter-bootstrap/2.0.4/css/bootstrap-combined.min.css"> 
</head> 

<body> 
    <div class="container"> 
     <div class="row"> 
      <div data-ng-view=""> </div> 
     </div> 
    </div> 
    <script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.5.6/angular.min.js"></script> 
    <script> 
    var demoApp = angular.module('demoApp', []); 
    demoApp.controller('firstController', function($scope) { 
     $scope.customers = [{ 
      name: 'nik', 
      city: 'san fransisco' 
     }, { 
      name: 'henry', 
      city: 'new york' 
     }, { 
      name: 'avida', 
      city: 'california' 
     }, { 
      name: 'lynda', 
      city: 'texas' 
     }]; 

     $scope.addCust = function($scope) { 
      $scope.customers.push({ 
       name: $scope.newCust.name, 
       city: $scope.newCust.city 
      }) 
     } 
    }); 
    demoApp.config(function($routeProvider) { 
     $routeProvider 
      .when('/view1', { 
       controller: 'firstController', 
       templateUrl: '1.html' 
      }) 
      .when('/view2', { 
       controller: 'firstController', 
       templateUrl: '2.html' 
      }) 
      .otherwise({ 
       redirectTo: '/view1' 
      }); 
    }); 
    </script> 
</body> 

</html> 

Маршрутизация не работает, поскольку она должна загружать «/ view2» по умолчанию, когда я беру index.html

Надеюсь, вам не нужно включать код из 1.html и 2.html здесь, для справки, поскольку это просто содержит тег 'li', который показывает данные из этого.

Ошибка, angular.js: 38Uncaught Ошибка: [$ Инжектор: modulerr]? $ http://errors.angularjs.org/1.5.6/ инжектор/modulerr р0 = DemoApp & р1 = Ошибка% 3A ... ogleapis.com% 2Fajax% 2Flibs% 2Fangularjs% 2F1.5.6 % 2Fangular.min.js% 3A39% 3A222)

Thank.

ответ

2

вы должны включать нг маршрутного сценарий angular-route

+0

, но я вижу некоторые примеры работают без добавления этого .. (после видео Туты - в том, что именно этот код работает !!) –

+2

@GaneshKumarG да, но какая версия угловых вы используете и какую версию использует учебник. Если вы прочтете URL-адрес ошибки, который вам предоставили, он определенно говорит вам, что маршрут переносится на свой собственный пост модуля 1.2, вы используете 1.5 ... вам нужна инъекция, а в вашем случае, потому что вы используете 1.5, вам нужен скрипт как Что ж. – ajmajmajma

+0

да, понял, так как новый ему не понял, что :) спасибо .. –

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