javascript - 无法绑定(bind)到没有标识符的 Controller + angularjs

Question

我有一个这样的状态路由器:

$stateProvider
  .state('home', {
    url: '/',
    templateUrl: 'spa/layouts/home.html',
    controller: 'HomeController',
    controllerAs: 'ctrl'
  });

在我的home.html 模板中我有:

<div class="row main-body">
  <aside class="col-md-2 sidebarNav">
    <div>...</div>
  </aside>

  <section class="col-md-10 main-container">
    <div>..</div>

    <my-list list-items={{ ctrl.listItems }}></my-list>
  </section>
</div>

在指令 my-list 中，我有以下内容:

var templateUrl = 'spa/components/classList/classList.html';

angular
  .module('directives')
  .directive('myList', component);

function component() {
  return {
    templateUrl: templateUrl,
    controller: classListDir,
    contollerAs: '$ctrl',
    scope: {
      listItems: '@'
    },
    bindToController: true,
  };
}

classListDir.$inject = ['$scope'];

function classListDir($scope) {
  var $ctrl = this;
  console.log($ctrl);
}

我已经阅读并重读了https://docs.angularjs.org/error/$compile/noident?p0=myList .我认为我的情况涉及第二种

//OKAY, because the directive uses the controllerAs property to override

// the controller identifier.

我仍然不断收到错误消息。我不明白与标识符错误的绑定(bind)。有人可以解释一下吗。

Answer 1

发现问题:

contollerAs: '$ctrl'

拼错了。