I'm currently working on a directive that needs to call a specific method declared within the parent controller.
Feel free to check out my Plunker example here
Within the parent controller, I am utilizing the 'controller as vm' syntax. However, I'm encountering an issue where the method is not being triggered from the directive. How can I successfully invoke a method from the parent controller in the directive?
(function() {
var myApp = angular.module('myApp', []);
myApp.controller('MyCtrl', MyCtrl);
MyCtrl.$inject = [];
function MyCtrl() {
this.title = 'Test';
this.sayHello = () => {
this.output = 'Hello';
}
}
myApp.directive('sayHello', function() {
return {
restrict: 'E',
replace: true,
template: '<a href="#" ng-click="vm.sayHello();">Click to say hello</a>'
}
})
})();