AngularJS Directive Callback

Question

I would like to send a call back into a directive via a parameter on the tag, and then call that method when appropriate inside the directive. For example, when a button was clicked call a method on the parent controller. I have a simple plunker of it not working html file: ```

Method Arguments

open console to view output

``` javascript file: ``` var app = angular.module("app",[]); function ParentController($scope) { $scope.myCallback = function(var1){ console.log("myCallback", var1); } } app.directive('helloWorld', function() { return { restrict: 'AE', template: '

Hello World!!

', scope:{ onLoadCallback: '&' }, link: function(scope, element, attrs, dateTimeController) { console.log('linked directive, not calling callback') scope.onLoadCallback('wtf'); } }; }); ```

Accepted Answer

Tricky tricky angular, when declaring the argument in the HTML, it needs to use snake case, instead of camelcase to match. Works: ``` ``` Doesn't Work: ``` ```

AngularJS Directive Callback

Solution

Problem