Pass argument to directive in angularjs?

Question

I want to pass argument to directive in angularjs.

I found some thread on stackoverflow Angularjs - Pass argument to directive

But it is not helped me.

Directive:

app.directive('datePicker', function () {
    return {
        restrict: 'E',
        replace: true,
        template: '<input type="text" class="form-control" ng-model="modelValue">',
        scope: {
            modelValue: '=',
            format: '@',
        },
        link: function (scope, element, form) {
            $(element).datepicker({
                dateFormat: format,
            });
        }
    }
})

Element:

<date-picker model-value="salary.month" format='MM-YYYY'></date-picker>

Here I want to use format as attribute to pass directive, So I can use same date-picker directive with different format.

I have tried with above code example,model value is working but format is not working.

Please help me to find solution

Mike Vranckx · Accepted Answer · 2015-08-18 13:59:05Z

3

You should use scope.format to retrieve the value of the format attribute

link: function (scope, element, form) {
    $(element).datepicker({
        dateFormat: scope.format,
    });
}

answered Aug 18, 2015 at 13:59

Mike Vranckx

5,5973 gold badges27 silver badges28 bronze badges

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

Collectives™ on Stack Overflow

Pass argument to directive in angularjs?

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