javascript - 当名称字段中包含 .(dot) 时，如何使用 angularjs 验证表单？

Question

在我的表单中，我有一个带有 name="Customer.Firstname" 的输入标签，所以当我在 angularjs 中引用名称值时，它只将客户作为值，而 .Firstname 将无法识别。这是我的代码：

<label class="label_block" ng-hide="ApplicantDetails.Customer.FirstName.$error.required || ApplicantDetails.Customer.FirstName.$error.pattern">FirstName</label>
<span class="clearable">
    <input class="textbox"  type="text" name="Customer.FirstName" ng-model="Customer.FirstName" ng-init="Customer.FirstName='@Model.Customer.FirstName'" value="@Model.Customer.FirstName" ng-pattern="/^([a-zA-Z-']{1,30})$/" required="required"/>
</span>

当文本框为空时，这里试图隐藏标签。我该怎么做？

Answer 1

您可以使用括号表示法来访问带有点的键

<label class="label_block" ng-hide="ApplicantDetails['Customer.FirstName'].$error.required || ApplicantDetails['Customer.FirstName'].$error.pattern">FirstName</label>

演示：小提琴

这可以重写为

<label class="label_block" ng-show="ApplicantDetails['Customer.FirstName'].$valid">FirstName</label>

演示：小提琴