javascript - Angular 需要带有 transclude 的父 Controller 不起作用

Question

我试图从子指令中获取父 Controller ，但它抛出了这个错误:

Controller 'SelectHandlerController', required by directive 'inputControl', can't be found!

app.controller('SelectHandlerController', function() {  
  this.model = '';
});

app.directive('selectHandler', () => {

  return {
    controller: 'SelectHandlerController',
    controllerAs: 'shc',
    transclude: true,
    template: '<div ng-transclude></div>',
    bindToController: true
  }


});


app.directive('inputControl', () => {


  return {
    template: `<div><input type="text"></div>`,
    require: '^SelectHandlerController',
    scope: {},
    bindToController: true,
    controllerAs: 'ic',
    link: function(scope, element, attrs, ctrl) {
      console.log(ctrl);
    }
  }

});

<select-handler>

  <input-control ></input-control> 

</select-handler>

问题是什么？

Answer 1

您的require 应该是您需要的指令的名称。不是 Controller 。

app.directive('inputControl', function() {
  return {
    template: `<div><input type="text"></div>`,
    require: '^selectHandler',
    scope: {},
    bindToController: true,
    controllerAs: 'ic',
    link: function(scope, element, attrs, ctrl) {
      console.log(ctrl);
    }
  }
});