AngularJs dynamic form generation with validation

Question

I am trying to generate form dynamically and use validation at the same time. The problem that I have now is that the input attribute name='{{key}}' is not interpolated by the validation.

<div ng-repeat="options in formObject">
     <input type='radio' ng-model='ranodm' name='{{key}}'>
</div>

I know that I should use ng-form if I want a dynamic form, however I am having hard time to understand it. I am adding my simple plnkr example of what I am trying to achieve. It would be nice if someone would show how to solve this using ng-form or other method.

http://plnkr.co/edit/faG89bmu18nNNODVRV3x

possible duplicate of AngularJS: Fields added dynamically are not registered on FormController — moribvndvs
– moribvndvs, Commented Feb 13, 2014 at 13:11

Community · Accepted Answer · 2017-05-23 10:28:07Z

2

I found an answer from reading through this SO post: Dynamic validation and name in a form with AngularJS

I ended up using the dynamicName directive to work around this problem so I could use a UUID of as the name of the field. Here's a plnkr and the directive I used. I can't take credit for the directive, I found it on that other post.

http://plnkr.co/edit/RFrRXp2kWkP1Mefwl3Kn?p=info

myApp.directive('dynamicName', function($compile, $parse) {
    return {
        restrict: 'A',
        terminal: true,
        priority: 100000,
        link: function(scope, elem) {
            var name = $parse(elem.attr('dynamic-name'))(scope);
            elem.removeAttr('dynamic-name');
            elem.attr('name', name);
            $compile(elem)(scope);
        }
    };
});

edited May 23, 2017 at 10:28

CommunityBot

11 silver badge

answered Feb 13, 2014 at 15:56

Craig Squire

2,14114 silver badges13 bronze badges

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

Comments

dhavalcengg · Accepted Answer · 2014-02-13 13:14:53Z

0

Go through following link this will help.

http://www.benlesh.com/2013/03/angular-js-validating-form-elements-in.html

answered Feb 13, 2014 at 13:14

dhavalcengg

4,7131 gold badge20 silver badges26 bronze badges

Collectives™ on Stack Overflow

AngularJs dynamic form generation with validation

2 Answers 2

Comments

Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related