AngularJs - show validation message for custom form control

Question

I have a custom form control (a directive which is not an input element) which implements ng-model (as suggested here) and it works fine. Validation is triggered on the form submit and the directive is made valid/invalid correctly.

The problem is how to display an error message. I tried like for normal form input fields:

ng-show="form.fieldName.$error.required"

but I cannot access field through name. form.fieldName is undefined.

Please provide a sample of your code... which reproduces your issue — beaver
– beaver, Commented Feb 15, 2016 at 13:34

Muthupriya · Accepted Answer · 2016-02-15 13:40:39Z

0

Please make sure that you defined your form name inside of form tag. After that try to print formname.fieldname

answered Feb 15, 2016 at 13:40

Muthupriya

3431 silver badge10 bronze badges

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

Comments

jbojcic · Accepted Answer · 2016-02-15 15:30:46Z

0

Actually the problem was with transclusion. Once I fixed it element was normally accessible through the name.

answered Feb 15, 2016 at 15:30

jbojcic

9721 gold badge11 silver badges25 bronze badges

Collectives™ on Stack Overflow

AngularJs - show validation message for custom form control

2 Answers 2

Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related