AngularJS - 在表达式中使用 $index 的动态命名

Question

我有一个指令，其中我创建了许多 ng-form，并且我根据 $index 命名每个表单(来自 ng-repeat )。我的问题是当 form 无效时我想显示一个错误容器(包含错误消息)，但我找不到如何正确引用该表单。

这是我的代码:

<ng-form name="innerForm{{$index}}">

    <label ... ><input name="input" ... />

        <div class="error-container" ng-show="'innerForm'+$index.input.$invalid">
               // show the error message
        </div>

</ng-form>

例如，我希望将 'innerForm'+$index.input.$invalid 评估为 innerForm5.input.$invalid。

我已经做了很多尝试，但我无法让它工作。引用动态命名表单的正确方法是什么？

Answer 1

请看这里:http://jsbin.com/jocane/4/edit

 <div ng-controller="firstCtrl">
  <div ng-repeat="object in allMyObjects">
    <ng-form name="innerForm{{$index}}">
  <input type="text"  ng-model="object.name" required name="userName">

      <div ng-show="{{'innerForm'+$index}}.userName.$invalid">
               error
        </div>
      </form>

    </div>