javascript - 如何将表单字段作为 ng-include 包含在表单中？

Question

Angular 相对较新，并尝试创建一个用于创建和编辑操作的表单。我希望分享一些表单字段，但据我了解，ng-include 创建了一个新范围，因此我的字段(使用 ng-model)未绑定(bind)到原来的范围。结果是提交表单时我的字段没有发送。

如果我以错误的方式解决这个问题，请指导我查看可能有帮助的任何文档。我的部分问题是我不确定从哪里看这一点。谢谢!

创建表单

<section data-ng-controller="AlbumsController">
  <div class="page-header">
    <h1>New Album</h1>
  </div>
  <form data-ng-submit="create()">
    <section data-ng-include="'/modules/albums/views/form.html'"></section>
    <input type="submit" class="btn btn-primary" value="Add Album">
  </form>
</section>

形式部分

<fieldset class="well">
  <div class="form-group">
    <label class="control-label" for="name">Name</label>
    <div class="controls">
      <input type="text" data-ng-model="album.name" id="name" class="form-control" placeholder="Name" required>
    </div>
  </div>
  <div class="form-group">
    <label class="control-label" for="name">Album Picture</label>
    <div class="controls">
      <input type="text" data-ng-model="album.picture" id="picture" class="form-control" placeholder="Album Picture" required>
    </div>
  </div>
  <div class="form-group">
    <label class="control-label" for="releaseDate">Release Date</label>
    <div class="controls">
      <input type="date" data-ng-model="album.releaseDate" id="releaseDate" class="form-control" placeholder="Release Date" required>
    </div>
  </div>
  <div class="form-group">
    <label class="control-label" for="sku">SKU</label>
    <div class="controls">
      <input type="text" data-ng-model="album.sku" id="sku" class="form-control" placeholder="SKU" required>
    </div>
  </div>
</fieldset>

Answer 1

更改:<section data-ng-include="'/modules/albums/views/form.html'"></section>

至:<section data-ng-include src="'/modules/albums/views/form.html'"></section>