应用错误收集

ngRoute TypeError：undefined不是函数

时间：2014-09-06 07:17:17

标签： angularjs

我为ngRoute写了这个小样本

http://plnkr.co/edit/bJOai9XVGJcsA9zOriUN?p=preview

但它会继续使用TypeError失败：undefined不是函数。

我在网上搜索过，这些建议对我不起作用。任何想法为什么它不喜欢ngRoute？

的index.html

<!DOCTYPE html>
<html>

  <head>
    <link rel="stylesheet" href="style.css">
    <script src="//ajax.googleapis.com/ajax/libs/angularjs/1.2.23/angular.min.js"></script>
    <script src="//cdnjs.cloudflare.com/ajax/libs/angular.js/1.2.20/angular-route.js"></script>
    <script src="script.js"></script>
  </head>

  <body ng-app="Foo">
    <h1>Hello Plunker!</h1>
    <div ng-view></div>
  </body>

</html>

的script.js

var app = angular.module('Foo', ['ngRoute']);
app.configure(function($routeProvider){
  $routeProvider
    .when('/', {
      templateUrl: 'foo.html',
      controller: 'FooCtrl'
    })
  .otherwise({
    redirectTo: '/'
  });
});

app.controller('FooCtrl', function($scope){
  $scope.message = "Hello World";
});

1 个答案:

答案 0 :(得分：1)

该函数的名称为config()，而非configure()。见https://docs.angularjs.org/api/ng/type/angular.Module

另外，你不应该使用角度为1.2.23的ngRoute 1.2.20。确保版本完全相同。