How to access function of a parent controller inside the child directive

Question

How can I call a function from parent controller inside the child directive?

my controller looks something like this.

angular.module('myVillage')
  .controller('myVillageController', myVillageController);

function myVillageController($scope, $q, $element, $timeout) {
  function moveHome() {
    console.log("moved home")
  }
}

my directive looks something like this.

angular
  .module('myVillage')
  .directive('myVillagModal', myVillagModal);

var vm = this,

  cachedKeys = {},
  limitInit = 500;
function myVillagModal(myVillage, $filter) {
  return {
    restrict: 'E',
    templateUrl: myVillagelTemplateUrl,
    bindToController: true,
    scope: {
      items: '=',
      selectedItems:'=',
      selectedItemsChanged: '&'
    },
    transclude: true,
    controller: myVillageController,
    controllerAs: 'vm'
  };

  function myVillageController() {
    //....
  }
}

I want to call the moveHOme function inside the move-village directive.

<div ng-controller="myVillageController">
  <move-village></move-village>
  </div>

Answer 1

Thank you, people, for trying to answer.

I was missing to pass $scope inside the myVillagecontroller due to that I was not able to access parent controller scope.

here is my answer.

angular
  .module('myVillage')
  .directive('myVillagModal', myVillagModal);

var vm = this,

  cachedKeys = {},
  limitInit = 500;
function myVillagModal(myVillage, $filter) {
  return {
    restrict: 'E',
    templateUrl: myVillagelTemplateUrl,
    bindToController: true,
    scope: {
      items: '=',
      selectedItems:'=',
      selectedItemsChanged: '&'
    },
    transclude: true,
    controller: myVillageController,
    controllerAs: 'vm'
  };

  function myVillageController($scope) {
    //$scope.$parent now gives the scope of parent controller
    //....
    $scope.$parent.moveHome(); //this gives 'moved home'
  }
}

Answer 2

You can try

$scope.$parent.moveHome();

from the child controller.