1

我在设置路由时遇到问题。我在控制台中收到以下错误。我的文件夹“partials”命名正确，我的文件命名正确。有什么帮助吗？

未捕获的错误：[$injector:modulerr] http://errors.angularjs.org/1.3.12/$injector/modulerr?p0=demoApp&p1=Error%3…s%2Fthomasjanszen%2Fcodinghouse%2FAngular%2Fjs%2Fangular.min。 js%3A17%3A381)

<!DOCTYPE html>
<html lang="en" ng-app="demoApp">
<head>
  <meta charset="UTF-8">
  <title>Document</title>
</head>
<body>

  <div class="container">
  <div ng-view=""></div>  
  </div>
  <script src="js/angular.min.js"></script>
  <script>
    var demoApp = angular.module('demoApp', ['']);

    demoApp.config(['$routeProvider',
    function($routeProvider) {
    $routeProvider.
      when('/view1', {
        templateUrl: 'partials/view1.html',
        controller: 'SimpleController'
      }).
      when('/view2', {
        templateUrl: 'partials/view2.html',
        controller: 'SimpleController'
      }).
      otherwise({
        redirectTo: '/view1'
      });
  }]);

    // demoApp.controller('SimpleController', function($scope){
    //   $scope.customers=[
    //     {name: 'name1', city: 'Cincinnati'},
    //      {name: 'name2', city: 'NYC'}, 
    //      {name: 'name3', city: 'Denver'}, 
    //      {name: 'name4', city: 'Chicago'}
    //   ];
    //   $scope.addCustomer = function(){
    //     $scope.customers.push(
    //         {
    //           name: $scope.newCustomer.name,
    //           city: $scope.newCustomer.city
    //         });
    //   };
    // });
  </script>
 
</body>
</html>

4

2 回答 2

3

从 Angular 1.2 开始，如果你想要 Angular 路由，你需要

  • 包含 JS 文件：<script src="angular-route.js"></script>
    您可以angular-route.js在此处获取您的 Angular 版本（1.3.12）：https ://code.angularjs.org/1.3.12/
  • 提供 ngRoute 作为依赖项，即

改变这个： 

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

对此

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

有关详细信息，请参阅AngularJS 开发者文档 - 迁移指南

于 2015-02-06T16:09:06.053 回答
0

您需要在模块中注入“ng-route”作为依赖项

var demoApp = angular.module('demoApp', ['ng-route']);
于 2015-02-06T16:08:58.293 回答