AngularJS validation and field name with square brackets

Question

I'm following this tutorial http://scotch.io/tutorials/javascript/angularjs-form-validation but I have form fields with square brackets ( for example company_bundle_task[timeStart][date] - rendered by Symfony2 ) and validation on those fields doesn't work, for example this:

<span class="help-block" ng-show="company_bundle_task.company_bundle_task[timeStart][date].$invalid">Required</span>

or

<span class="help-block" ng-show="company_bundle_task.company_bundle_task[timeStart][date].$error.required">Required</span>

they are never shown, even though those fields are invalid/empty/etc.

Can you please write the code of the input fields? The PHP result rendered by symphony should be mapped on the "model" and the validation on the "name" wich can be different. — pdem
– pdem, Commented Apr 15, 2014 at 12:30
<input type="date" ng-model="task.date" maxlength="255" required="required" name="company_bundle_task[timeStart][date]" id="company_bundle_task_timestart_date" class="ng-pristine ng-invalid ng-invalid-required"> — mmmm
– mmmm, Commented Apr 15, 2014 at 12:45
Thanks, so it seems that you don't need the 2 way data binding. Il will answer giving this info. — pdem
– pdem, Commented Apr 15, 2014 at 12:53

pdem · Accepted Answer · 2014-04-15 12:54:52Z

7

You have to escape your name in quotes, since a.example is equivalent of a['example'] you can write:

<span class="help-block" ng-show="company_bundle_task['company_bundle_task[timeStart][date]'].$error.required">Required</span>

answered Apr 15, 2014 at 12:54

pdem

4,1001 gold badge27 silver badges41 bronze badges

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

Comments

Ch Faizan Mustansar · Accepted Answer · 2014-04-15 12:05:25Z

0

Mati, You should try and use a function rather than evaluating such a long expression... call a simple function which is attached to your scope and controller and evaluate this expression correctly in it....

I usually, do not try to write the expression there but functions...

Regards

answered Apr 15, 2014 at 12:05

Ch Faizan Mustansar

3643 gold badges6 silver badges19 bronze badges

3 Comments

mmmm Over a year ago

but when should I call it? after submitting the form? pros of my solution is that it works on focus/on blur ( just dynamically, you don't have to submit whole form )

Ch Faizan Mustansar Over a year ago

No.. U should call the function in the ng-show, and it will be evaluated when the page is being rendered.. And also the expression which you have added in ng-show, will be evaluated while page rendering.

Ch Faizan Mustansar Over a year ago

My advice is to add this expression in a function.. and then add a debugger in it and check why this expression is failing for your case

Collectives™ on Stack Overflow

AngularJS validation and field name with square brackets

2 Answers 2

Comments

3 Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

Comments

3 Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related