Access controller function by directive

Question

hello the question and simple I have a button in my directive which of course already has an ng-click("alterardata();") the rule is that the controller calling this directive has this function by default but the problem is that I click the button and it does not work I put another button on the main page and this works

Answer 1

Use a callback (in Portuguese, callback).

In your directive, define a scope property that will receive the callback of controller:

app.directive('exemploDiretiva', function () {
    return {
        restrict: 'AE',
        template: '<h3>Olá!</h3>',
        scope: {
            chamadaCallback: '&' // <- Define uma referência de função externa
        },
        link: function (scope, element, attrs) {
        }
    };
});

This done, set the value in view:

<exemplo-diretiva chamada-callback="meuMetodoDoController(arg1)"></exemplo-diretiva>

Note that while the definition is made in the format camelCase (chamadaCallback), the parameterization must be done in format lowercase-dash (chamada-callback).

With this done, create the method meuMetodoDoController in the controller - it will be invoked when, in the directive, you invoke callback as follows:

scope.chamadaCallback('qualquerParametroQueVoceQuiser');