Angular calling controller method from directive with parameters inside link function

Question

I have a directive which has a link function something like:

 scope: {
                target: '@',
                fooFunction: '&'
            },
link:
   scope.$apply(attrs.fooFunction);
var fooValue= scope.fooFunction(data,scope.target);

in my controller i have defined this function as :

$scope.fooFunction= function (data, target) {
//some code here
}

When I use this in the html, I write like this:

<div some-directive  foo-Function="fooFunction(ctrl.data,'hardCoded')"  target="actualValue"></div>

where I am using myController as ctrl.

My question is that even when I am passing the value as scope.target it always picks the hardCoded value. Is there any way I can pass the value from the scope.target instead of the hard coded value?

Pankaj Parkar · Accepted Answer · 2015-11-06 20:30:14Z

1

As you have mention target as @ so you need to use {{}} to evaluate that attribute value, which would be treated as one way binding.

Like you could have value inside your controller actualValue variable and then you could bind that like target="{{ctrl.actualValue}}"

Markup

<div some-directive 
  foo-function="fooFunction(ctrl.data,'hardCoded')"
  target="{{ctrl.actualValue}}">
</div>

answered Nov 6, 2015 at 20:30

Pankaj Parkar

136k23 gold badges241 silver badges307 bronze badges

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

7 Comments

Raghav Over a year ago

Apologies if my question confused you , my question is that : From my directive I am calling : var fooValue= scope.fooFunction(data,scope.target); but the value is passed as 'hardcoded' and not the value from the function.

Pankaj Parkar Over a year ago

@Raghav the answer which I gave, is what you wanted?

Raghav Over a year ago

please see my comment above

Raghav Over a year ago

Sorry let me explain again. So if you see my directive I have this method call : var fooValue= scope.fooFunction(data,scope.target); which calls the controller method. In the controller function $scope.fooFunction= function (data, target) I get the values as target ='hardcoded' but I am passing scope.target which has the value 'actualValue'

Pankaj Parkar Over a year ago

@Raghav inside directive you are using controllerAs?

|

Collectives™ on Stack Overflow

Angular calling controller method from directive with parameters inside link function

1 Answer 1

7 Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

7 Comments

Your Answer

Sign up or log in

Post as a guest

Related