是否可以将自定义控制器传入自定义指令？

Question

Is it possible to pass in a custom controller into custom directive to be able to use the custom directive on the page with different controllers ?

I can't find a solution for that on docs.angularjs.org

[Edited]

Let's say we have the following directive's defenition:

angular.module('myApp', [])
    .controller('myDirectiveController', function ($scope) {
        $scope.name = 'there, dude';
    })
    .directive('myDirective', function () {
        return {
            restrict: 'E',
            replace: true,
            template: '<div>Hello {{name}}!</div>',
            controller: 'myDirectiveController' // can i overwrite it outside this code?
        };
    });

Can I simply overwrite the directive's controller not touching the directive's source code itself?

Answer 1

Use custom controller with one HTML template
Then pass your data from that page to directive.
and use that data in HTML template which is assign in directive or also you can write controller in your directive.

.controller('myController', function () {

     // write business logic here
     // take some data which you want to use in directive
 });

Then pass it through HTML to directive
Use that data in,

 .directive('dir', function () {
   return  {
       scope: {
           // collect your data and use it in link
       }    
   };
  });

Answer 2

Perhaps instead of defining the controller in the directive like you have, you can put it in the html template like:

.directive('myDirective', function () {
    return {
        restrict: 'E',
        replace: true,
        scope: {
            ctrl: '='
        },
        template: '<div ng-controller="{{ctrl}}">Hello {{name}}!</div>'
    };
});

Then I think you will be able to use the directive like:

<my-directive ctrl="myDirectiveController"></my-directive>