Call function for ng-repeat from directive with parameters

Question

I'm trying to create a reusable list-like directive. Example code is without styling, etc.

The code does invoke the callback but no argument is passed. Ideally, it would return the object for that row or its index.

• The passed function 'callback' comes from a controller.
• The directive has no controller directly associated to it.

Any help would be greatly appreciated.

Directive:

module.directive('quicklist', function() {
    return {
        restrict:'E',
        scope: {
            data: '=ngModel',
            clickFn: '&callback'
        }
        template:'<ul><li ng-repeat="d in data"><a href="" ng-click="clickFn(d)">{{d}}</a></li></ul>'
    };
});

HTML:

<quicklist ng-model='array' callback='work(arg)'><quicklist>

Answer 1

When I pass functions to be used with parameters in the directive, i use the = binding:

scope: {
            data: '=ngModel',
            clickFn: '=callback'
        }

And in your HTML just pass the function's name without the argument:

<quicklist ng-model='array' callback='work'><quicklist>