2014-10-01 63 views
0

,我发现了以下错误:角 - 无法启动模块

Failed to instantiate module ContactsApp due to: TypeError: undefined is not a function

当我注释掉html5mode在app.js错误消失,当我浏览到/触点的意见/ list.html模板不加载。我对角度相当陌生,所以我认为我只是忽略了一些简单的东西,我不太清楚如何解决这个问题。

app.js:

angular.module('ContactsApp', ['ngRoute']) 
    .config(function ($routeProvider, $locationProvider) { 
     $routeProvider 
      .when('/contacts', { 
       controller: 'ListController', 
       templateUrl: 'views/list.html' 
      }); 
     $locationProvider.html5mode(true); 
    }); 

HTML:

<html ng-app="ContactsApp"> 
    <head> 
     <title>Contacts</title> 
     <base href="/" /> 
     <link rel="stylesheet" href="lib/bootstrap/dist/css/bootstrap.min.css" /> 
    </head> 
    <body> 
     <div class="container"> 
      <div class="page-header"> 
       <h1>Contacts</h1> 
      </div> 
      <div class="row"> 
       <div class="col-sm-12" ng-view></div> 
      </div> 
     </div> 
     <script src="lib/jquery/dist/jquery.min.js"></script> 
     <script src="lib/bootstrap/dist/js/bootstrap.min.js"></script> 
     <script src="lib/angular/angular.min.js"></script> 
     <script src="lib/angular-route/angular-route.min.js"></script> 
     <script src="src/app.js"></script> 
     <script src="src/controller.js"></script> 
    </body> 
</html> 

回答

2

这是html5Mode(大写 'M')。

angular.module('ContactsApp', ['ngRoute']) 
    .config(function ($routeProvider, $locationProvider) { 
     $routeProvider 
      .when('/contacts', { 
       controller: 'ListController', 
       templateUrl: 'views/list.html' 
      }); 
     $locationProvider.html5Mode(true); 
    }); 
+0

谢谢,它总是第一次的简单的事情。 – 2014-10-01 19:25:29