将带有数组的输入名称传递给 ng-show

Question

我正在尝试将输入名称传递给 ng-show。 当输入的名称不是数组时，这工作得很好（如果它只是 'entity' 而不是 'entity[entity_name]'），但是当有一个数组时它就不起作用了。 关于这种语法的一些东西 - 'ng-show = "investForm.entity[entity_name].$error.pattern"' 是错误的：

<form name="investForm">
    <label>Entity Name</label>
    <input name="entity[entity_name]" rc-forms ng-pattern="/^[A-Za-z]+$/" type="text" ng-model="invest.entity_name" ng-required="invest.is_entity" />
        <div ng-show="investForm.entity[entity_name].$dirty && investForm.entity[entity_name].$invalid">
            <span ng-show="investForm.entity[entity_name].$error.pattern">Error: Please use English characters only!</span>
        </div>
</form>

Answer 1

我发现这个问题很有趣，所以我在谷歌上搜索了一段时间。 显然您的问题是 JavaScript 语法错误，我在这里找到了它： angularjs form can not refer to input control when input name is array

您可以使用方括号。您必须像这样引用您的表单元素：

investForm['entity[entity_name]'].$error.pattern

Answer 2

我认为您不能在表单名称中使用方括号。尝试用下划线或其他东西替换它：

<form name="investForm">
  <label>Entity Name</label>
  <input name="entity_entity_name" rc-forms ng-pattern="/^[A-Za-z]+$/" type="text" ng-model="invest.entity_name" ng-required="invest.is_entity" />
    <div ng-show="investForm.entity_entity_name.$dirty && investForm.entity_entity_name.$invalid">
      <span ng-show="investForm.entity_entity_name.$error.pattern">Error: Please use English characters only!</span>
    </div>
</form>