Pass additional parameters to a directive callback angular js

Question

I use a datepicker which returns a selected date as a value to its callback the datepicker is a plugin.

In my callback method selectedDate i need to pass in additional parameters such as the dateValue to this selectedDate method. How can i achieve this

<datepicker callback="selectedDate" ></datepicker>


 $scope.selectedDate= function (dateValue) {

}

is selectedDate in controller? and how the selectedDate looks like in controller? — Kalhan
– Kalhan, Commented Dec 3, 2015 at 7:23
Yes, I have updated the code with the callback defined in the controller. — user581157
– user581157, Commented Dec 3, 2015 at 7:27

km1882 · Accepted Answer · 2015-12-03 07:32:41Z

1

So what you need is to specify the kind of params that you are expecting back, http://plnkr.co/edit/0fqMLYlEeBwQylo2Va1B?p=preview

You directive basically asks for the variables on execution,

<test-dir callback="callback(a, b , c)"></test-dir>

and while execution you pass these values back:

 app.directive('testDir', function() {
  return {
    restrict: 'E',
    scope: {
      callback: '&'
    },
    template: '<div ng-click="testFunc()">click me</div>',
    link: function(scope) {
      scope.testFunc = function() {
         scope.callback({a: 1, b : 2, c: 3});
      } 
    }
  }
})

answered Dec 3, 2015 at 7:32

km1882

7505 silver badges22 bronze badges

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

Collectives™ on Stack Overflow

Pass additional parameters to a directive callback angular js

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