Angular directive for form elements

Asked Jul 04 '16 at 14:28

Active Jul 04 '16 at 14:35

Viewed 27 times

I want to create directive which will be used for form elements like input,textarea,select...

My code:

app.directive('input', function() {
    return {
        restrict: 'E',
        priority: -1000,
        require: '^?required',
        link: function (scope, element, attrs, ctrl) {

            element.on('focus', function (e) {
                element.addClass('validate');
            });

        }
    };
});

When I try to use common directive it doesn't work but don't have idea why...

<input common-directive type="text" name="name" placeholder="Firstname" ng-model="profile.name" ng-minlength="2" required />

edited Jul 04 '16 at 14:35

Rhumborl

16,349
4
39
45

asked Jul 04 '16 at 14:28

general666

1,001
2
16
31

Do you see any error in console? if not then you dont have a template to show the element on the page. – Zaki Jul 04 '16 at 14:31
Any error... it's strange because it works when my directive is input or textarea... – general666 Jul 04 '16 at 14:33
2

your directive is called `input` and restricted to `E` (Element), so it will only work on ``s. Rename it to `'commonDirective'` and restrict it to `'A'` (Attribute) – Rhumborl Jul 04 '16 at 14:36
Ahh it works... Thank you! – general666 Jul 04 '16 at 14:39

Angular directive for form elements

0 Answers0