Validation isn't triggered though attributes are set

Question

My directive looks as follows:

directive('setAttribute', function () {
        return {
            restrict: 'A',
            require: 'ngModel',
            link: function ($scope, element, attrs, ctrl) {
                var prop = $scope.$eval(attrs.setAttribute);

                prop.validationRulesToApply.forEach(function (rule) {
                    attrs.$set(rule.name, rule.val);

                });
            }
        }
    });

As you can this one is for setting attributes dynamically. In spite of attributes are set properly(i can see them in final HTML) no validation is triggered. When i output $error object with curly braces - it is empty! Do i miss something important when setting attributes?

You should also include the HTML. The form and input tags all need a `name` attribute for validation to work. Or there could be some other problem lurking there. — Sunil D., Jul 26 '15 at 17:26
I guess i need something like rerendering or reinstantiating of an input to be performed, but can't see a proper way to do it. — Aleksei Yerokhin, Jul 26 '15 at 17:33

score 0 · Accepted Answer · edited May 23 '17 at 12:30

0

Are these validation rules you are trying to add in setAttribute directive?

If it so, you are doing in wrong way. When you use $set, it just adds attribute to HTMl, but doesnot compile them. Hence, you won't get results as you are seeking.

You need to add it to pre compile I think this solution may help you.

Add directives from directive in AngularJS

edited May 23 '17 at 12:30

Community

1
1

answered Jul 26 '15 at 18:37

Raj

103
5

Validation isn't triggered though attributes are set

1 Answers1