AngularJS 验证和带方括号的字段名称答案

【问题标题】：AngularJS validation and field name with square bracketsAngularJS 验证和带方括号的字段名称
【发布时间】：2014-04-15 11:58:56
【问题描述】：

我正在关注本教程http://scotch.io/tutorials/javascript/angularjs-form-validation，但我有带方括号的表单字段（例如 company_bundle_task[timeStart][date] - 由 Symfony2 呈现）并且对这些字段的验证不起作用，例如：

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

或

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

即使这些字段无效/空/等，它们也不会显示。

【问题讨论】：

【解决方案1】：

你必须用引号转义你的名字，因为 a.example 相当于 a['example'] 你可以写：

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

【讨论】：

【解决方案2】：

Mati，您应该尝试使用函数而不是评估这么长的表达式...调用一个附加到您的作用域和控制器的简单函数并在其中正确评估此表达式....

我通常不会尝试在那里写表达式，而是函数......

问候

【讨论】：