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']);
    });
});

所有其他控制器都可以正常工作。我唯一可以猜到的是，由于某些原因它被引导程序忽略了。

所有依赖项都加载了requirejs，我可以看到代码被正确加载而控制台中没有错误（包括不起作用的控制器）。关于如何跟踪此问题的任何想法？

Answer 1

这是一个错字。我有contoller而非controller。

AngularJS控制器没有执行

1 个答案: