AngularJS控制器不執行

Question

這是我的index.html文件的核心內容是：

<div role="navigation" class="navbar navbar-default navbar-static-top navbar-inverse " data-ng-contoller="NavController"> 
    <div class="container"> 
    <div class="navbar-header"> 
     <button data-target=".navbar-collapse" data-toggle="collapse" class="navbar-toggle" type="button"> 
     <span class="sr-only">Toggle navigation</span> 
     <span class="icon-bar"></span> 
     <span class="icon-bar"></span> 
     <span class="icon-bar"></span> 
     </button> 
     <a href="#" class="navbar-brand">Bootstrap theme</a> 
    </div> 
    <div class="navbar-collapse collapse"> 
     <ul class="nav navbar-nav"> 
     <li ng-class="{active: isHome()}"><a href="#/">Home</a></li> 
     <li><a href="#about">About</a></li> 
     <li><a href="#contact">Contact</a></li> 
     <li class="dropdown"> 
      <a data-toggle="dropdown" class="dropdown-toggle" href="#">Dropdown <b class="caret"></b></a> 
      <ul class="dropdown-menu"> 
      <li><a href="#/editor">New Message</a></li> 
      <li><a href="#">List Messages</a></li> 
      <li><a href="#">Something else here</a></li> 
      <li class="divider"></li> 
      <li class="dropdown-header">Nav header</li> 
      <li><a href="#">Separated link</a></li> 
      <li><a href="#">One more separated link</a></li> 
      </ul> 
     </li> 
     </ul> 
    </div><!--/.nav-collapse --> 
    </div> 
</div> 



    <div data-ng-view="" id="main-container" class="container" role="main"></div> 

這是我的應用程序是如何自舉：

define(['app', 'jquery', 'bootstrap', 'angular' ], function(app, jQuery, bootstrap, angular) { 
    jQuery('.dropdown-toggle').dropdown(); 
    require(['domReady!'], function (document) { 
     angular.bootstrap(document, ['app']); 
    }); 
}); 

所有其他控制器的工作就好了。我唯一能猜到的是，由於某種原因它被bootstrap忽略了。

所有的依賴關係都加載了requirejs，我可以看到代碼在控制檯（包括沒有工作的控制器）中沒有錯誤的情況下正常加載。關於如何跟蹤這個問題的任何想法？

Answer 1

這是一個錯字。我有contoller而不是controller。