动态ngModel（在AngularJS中动态构建表单）

我正试图从json数据为特定的资源

Employee

在我的范围内，我有一个

员工

和一个

表单

属性

forms

属性具有表单构建方式的所有结构化数据，因此，当我在表单中创建字段时，我希望将表单输入与我的一个资源属性链接起来

这是我在控制器上的代码（coffeescript）

以及创建窗体的视图部分

<div ng-repeat="form in forms">
      <h1>title: {{ form.title }}</h1>

      <fieldset ng-repeat="section in form.sections">
        <h1>form</h1>
        <div class="row" ng-repeat="row in section.rows">
          <p ng-repeat="field in row.fields">
            <label for="{{ field.key }}">{{ field.title }}</label>
            {{ $log.log(field + " " + field.key) }}
            <input type="{{ field.type }}"
            name="{{ field.key }}"
            ng-model="employee[field.key]" />
          </p>
        </div>
      </fieldset>
    </div>

我得到了什么

我用完整的示例创建了一个代码笔

正如@cthulhu评论的那样，我希望你能帮助我

我的代码有效

---

生成的html是我所期望的，但是绑定是正确的，所以代码一直在工作

我试着说ng model=“employee[field][key]”和其他组合，或者我得到了语法错误，或者我得到了与我在ng model上输入的值相同的值，而没有插值。我检查了你的代码，它对我有效，添加{employee}在代码的某个地方，看到它的属性绑定到输入：我从来没有想过。。。我一直在期待能产生这样的结果，我从未想过Scope的价值。如果我的评论有帮助的话，我将非常感谢：）

<div ng-repeat="form in forms">
      <h1>title: {{ form.title }}</h1>

      <fieldset ng-repeat="section in form.sections">
        <h1>form</h1>
        <div class="row" ng-repeat="row in section.rows">
          <p ng-repeat="field in row.fields">
            <label for="{{ field.key }}">{{ field.title }}</label>
            {{ $log.log(field + " " + field.key) }}
            <input type="{{ field.type }}"
            name="{{ field.key }}"
            ng-model="employee[field.key]" />
          </p>
        </div>
      </fieldset>
    </div>

<input type="text" name="firstName" ng-model="employee.firstName class="ng-pristine ng-valid">

<input type="name" name="lastName" ng-model="employee[field.key]" class="ng-pristine ng-valid">