accessing input with special characters in name in angular

Question

I have inputs with dynamically assigned names. As a result I have input names like

name="Athlete/Guardian_firstName"

For inputs it's fine, but validation doesn't work since this record

medForm.Athlete/Guardian_firstName.$invalid

is invalid for angular's ng-class due to the slash "/". (medForm is form's name). Are there any other way to access inputs from form in angular, so inputs with any special characters will work?

<div class="form-group" ng-class="{ 'has-error': medForm.Athlete/Guardian_firstName.$invalid }">
  <label for="firstName" class="col-md-3 control-label">First Name</label>
  <div class="col-md-9">
    <input type="text" class="form-control" id="firstName" name="Athlete/Guardian_firstName" required ng-model="firstName">
  </div>
</div>

karaxuna · Accepted Answer · 2015-02-15 15:58:52Z

5

Try this way:

medForm['Athlete/Guardian_firstName'].$invalid

answered Feb 15, 2015 at 15:58

karaxuna

26.9k13 gold badges86 silver badges120 bronze badges

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

Collectives™ on Stack Overflow

accessing input with special characters in name in angular

1 Answer 1

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Your Answer

Sign up or log in

Post as a guest

Related