how to pass parameters in angularjs custom directive for function call

Question

This is my code snippet -

<my-wizard
        on-finish="doFinish()"

I am calling on-finish from my-wizard's controller class. It works and doFinish() gets invokes. I want to pass some parameters to doFinish() from the directive controller. What is the way for it?

This is my-wizard directive -

app.directive('myWizard', function () {
    return {
        restrict: 'EA',
        replace: true,
        transclude: true,
        scope: {        
           onFinish: '&',
           ...
           }
        }

what is on-finish, a directive? Can you elaborate a little in your question on the order of operations? I guess it would be helpful to get more context on how it works and how you want it to work — Kinglish
– Kinglish, Commented Apr 8, 2022 at 16:22

mindthefrequency · Accepted Answer · 2022-04-09 17:52:14Z

1

Where is your onFinish() method getting called?

just pass some data to it in the shape of an object

onFinish({someData: data})

Then retrieve it using the same name of the object property:

function doFinish(someData) {
   console.log(someData)
}

The directive definition should also cater the passed argument:

<my-wizard
    on-finish="doFinish(someData)"

answered Apr 9, 2022 at 17:52

mindthefrequency

5462 silver badges11 bronze badges

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

Collectives™ on Stack Overflow

how to pass parameters in angularjs custom directive for function call

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