Angularjs：ng-repeat 与 ng-show 输入控件创建失败

Question

我在 ng-show 指令中使用 ng-repeat 值时遇到问题。

我尝试了许多解决方案，"myForm.".{{value}}.".$error.required" 没有{{}}，甚至下面的示例在ng-show 指令中没有{{}}。

似乎放入ng-show 的值搞砸了。在命名我的输入和创建输入控制条件时，我希望能够使用来自字段的变量（由ng-repeat 生成）创建多个字段。

<form name="myForm">
   <div ng-repeat="fields in logEntry.StringValues">
       {{fields.Title}} <input type="text" name="{{fields.PropertyInfoName}}" ng-model="user" required>

       <span class="error" ng-show="myForm.fields.PropertyInfoName.$error.required">
          Required!
       </span><br>
   </div>

编辑：以下代码有效，但没有我需要的 ng-repeat。

<form name="myForm">
  SomeText Here: <input type="text" name="testName" ng-model="user" required>
    <span class="error" ng-show="myForm.testName.$error.required">
      Required!
    </span><br>
</form>

Answer 1

记住它只是 javascript

 "myForm.".{{value}}.".$error.required"

只是

 myForm[value].$error.required

但是你需要创建指令来做你想做的事。作为以角度实现的非常相似的示例，您可以查看https://github.com/gaslight/angular-schema-form 这是演示：http://gaslight.github.io/angular-schema-form/

Answer 2

解决方案是"since you cannot dynamically generate the name attribute of input elements using interpolation, you have to wrap each set of repeated inputs in an ngForm directive and nest these in an outer form element." 下面链接的解决方案通过为每个嵌套表单提供自己的范围来允许这种情况发生。

https://stackoverflow.com/a/14379763/2260604

Answer 3

尝试去掉指令中的双括号 {{}}。如果您需要更具体的帮助，请发布相应的javascript代码。

 <form name="myForm">
      <div ng-repeat="fields in logEntry.StringValues">
        {{fields.Title}} <input type="text" name="fields.PropertyInfoName" ng-model="user" required>
        <span class="error" ng-show="myForm.fields.PropertyInfoName.$error.required">
          Required!
        </span><br>
      </div>
    </form>