AngularJs directive return a function

Question

The directive bellow return an object "directive". Can I return it to a function?

var sharedApp = angular.module("sharedApp", []);
sharedApp.directive("showAvatar", function () {
    var directive = {
        restrict: "ACEM",
        replace: true,
        template: "<h2>This is directive template of shared module</h2>"
    };

    return directive;
});

(Updated)For example

var sharedApp = angular.module("sharedApp", []);
sharedApp.directive("showAvatar", function () {
    function directive(){
        this.restrict = "ACEM";
        this.replace = true;
        this.template = "<h2>This is directive template of shared module</h2>";
    }

    return directive;
});

It won't work like this. Why do you want to return a function ? BTW, have you read the documentation ? — gkalpak
– gkalpak, Commented Jun 3, 2014 at 8:59
What are you trying to do? Can you give us an example of how you want to use the directive? — Davin Tryon
– Davin Tryon, Commented Jun 3, 2014 at 9:03

User4567 · Accepted Answer · 2014-06-03 14:16:52Z

2

Return it to a function means do you want to return directive object from your directive to JS controller..

Define your Directive like this

App.directive('showAvatar', function() {
return {
    restrict : 'EA',
    scope : {
        returnFunction : '&'
    },
    controller : function($scope) {
       $scope.directive = {
        restrict: "ACEM",
        replace: true,
        template: "<h2>This is directive template of shared module</h2>"
      };
    $scope.returnFunction({data : $scope.directive});
   }

});

Write your directive html tag like this

<show-avathar return-function = "getDataFromDirective(data)">

And finally in your controller, declare the function getDataFromDirective()

$scope.getDataFromDirective = function(data){
            alert(data);
        }

edited Jun 3, 2014 at 14:16

answered Jun 3, 2014 at 13:24

User4567

1,0251 gold badge13 silver badges27 bronze badges

Sign up to request clarification or add additional context in comments.

Collectives™ on Stack Overflow

AngularJs directive return a function

1 Answer 1

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Your Answer

Sign up or log in

Post as a guest

Related