javascript - requirejs写组件，两个组件在同一页面使用的，但组件1使用require属性获取不到组件2的ctrl到link里面呢？-PHP中文网问答

1、我使用requirejs方式编写directive，两个组件在同一页面使用的，但组件1使用require属性获取不到组件2的controller到link里面呢？
2、
组件1：

define(['app','ModuleService','ParamFactory','ProductListsFactory'],function (app) {
  app.directive('headerSearch',['ModuleService','$rootScope','ParamFactory','$ionicLoading','ProductListsFactory',
    function (module,$rootScope,ParamFactory,$ionicLoading,ProductListsFactory) {
    return {
      restrict:'AE',
     scope:{tdSearch:'&',keywords:'@'},
      templateUrl:'module/headerSearch/headerSearch.html',
      require:'?^productItem',
      link:function (scope, element, attrs,ctrl) {
        console.log('---------------------------');
        console.log(ctrl);
        console.log('===========================');
      },
      controllerAs:'headerSearchCtrl'
    }
  }]);
});

组件2：

define(['app','ModuleService'],function (app) {
   app.directive('productItem',['ModuleService',function (module) {
    return {
      restrict:'E',
     scope:{lists:'@',module:'@'},
      link:function (scope, element, attrs) {
      },
      templateUrl:'module/productItem/productItem.html',
      controller:function ($scope) {

      }
    }
  }]);
})

页面：

错误：

<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Title</title> <script src="lib/angular/angular.js"></script> </head> <body ng-app="app"> <p ng-controller="ctrl1">  <common> <d1>1111</d1> </common> </p> <script> var app = angular.module('app',[]); app.controller('ctrl1',function ($scope) { console.log('ctrl1'); }); app.directive('common',function(){ return { controller: function($scope){ this.method1 = function(){ console.log('method1'); }; this.method2 = function(){ console.log('method2'); }; } } }); app.directive('d1',function(){ return { require: '?^common', link: function(scope,elem,attrs,common){ console.log(common); scope.method1 = common.method1; } } }); </script> </body> </html>