AngularJs - Is it possible to define a callback function in the html without using the controller?

Question

I am trying to define a function in my html in order to use it as a callback for directive. I tried 2 ways:

1. in ng-init

<directive ng-init="foo=function(data){console.log(data);}" callback="foo"></dirctive>


2. in the attribute:
    <directive callback="function(data){console.log(data);}"></directive>

for both i am getting an error.

Is it possible to do it without using the controller?

@see stackoverflow.com/questions/24640284/angular-directive-callback — Dennis Jaamann
– Dennis Jaamann, Commented Sep 24, 2015 at 8:26
Hi, I am not sure what you look for. You can create a custom directive to manipulate data with out a controller. Anyway you want to create a module for this custom directive. — Abhilash Augustine
– Abhilash Augustine, Commented Sep 24, 2015 at 8:39
you should define that function in controller and use that function name on html.. — Pankaj Parkar
– Pankaj Parkar, Commented Sep 24, 2015 at 8:39
Even though it might be possible it is best practice to keep your logic out of the HTML and inside the controller. The use of ng-init is also generally discouraged (see documentation). — muenchdo
– muenchdo, Commented Sep 24, 2015 at 8:47

Rubel hasan · Accepted Answer · 2015-09-24 09:23:51Z

0

This way you can call your function and manage your callback

<my-customer >directive</my-customer>
-----------------------------------
angular.module('myapp', [])
.directive('myCustomer', function() {
 return{
  restrict:"E",
  link:function(scope,element,attrs){
        scope.callbackData=function(data,callback){
          var i=30+data;
          callback(i);
        }
        scope.callbackData(50,function(data){
          console.log(data) 
        });  
    } 
 }   
});

answered Sep 24, 2015 at 9:23

Rubel hasan

2,6181 gold badge16 silver badges23 bronze badges

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

Collectives™ on Stack Overflow

AngularJs - Is it possible to define a callback function in the html without using the controller?

1 Answer 1

Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related