Angularjs 必需的字段集html[角度]

有一种方法可以生成所需的表单字段集，而不是每个输入

我的观点：用户可以选择填充内容，但不必填充所有字段集输入

我有两个：

1:

<fieldset>
  <legend> legend </legend>
  <label for="id"> label </label>
  <input type="text" id="id" name="name">
  <label for="id2"> label </label>
  <input type="text" id="id2" name="name2">
</fieldset>

<fieldset>
  <legend> legend </legend>
  <label for="id"> label </label>
  <input type="radio" id="id" name="name">
  <label for="id2"> label </label>
  <input type="radio" id="id2" name="name">
</fieldset>

传奇
标签
标签

2:

<fieldset>
  <legend> legend </legend>
  <label for="id"> label </label>
  <input type="text" id="id" name="name">
  <label for="id2"> label </label>
  <input type="text" id="id2" name="name2">
</fieldset>

<fieldset>
  <legend> legend </legend>
  <label for="id"> label </label>
  <input type="radio" id="id" name="name">
  <label for="id2"> label </label>
  <input type="radio" id="id2" name="name">
</fieldset>

传奇
标签
标签

---

如果最简单的话，我会使用角度的。

如果只有两个选项，最简单的方法是：

<fieldset>
  <legend> legend </legend>
  <label for="id"> label </label>
  <input type="text" id="id" name="name" ng-required="!name2">
  <label for="id2"> label </label>
  <input type="text" id="id2" name="name2" ng-required="!name">
</fieldset>

传奇
标签
标签

编辑：因为它们是动态的，所以您可能需要一个模型来帮助您处理每个字段集

<fieldset>
  <legend> legend </legend>
  <label for="id"> label </label>
  <input type="text" id="id" name="name" ng-model="fieldSetHasValue" ng-change="fieldSetHasValue = true">
  <label for="id2"> label </label>
  <input type="text" id="id2" name="name2" ng-model="fieldSetHasValue" ng-change="fieldSetHasValue = true">
</fieldset>

传奇
标签
标签

---

然后在提交之前，检查fieldSetHasValue是否为true。这只是实现这一点的众多方法之一，如果您实现了这一点，无疑会遇到一些难题。这只是一个简单的解决方案，没有看到代码的其余部分。

所以让我把它弄清楚。用户必须填写表单，但可以将其中的一部分留空？用户必须在字段集中填写一些内容，但不能全部填写。它是动态的。用户可以向字段集添加更多不同类型的输入。您有其他解决方案吗？