AngularJS：如何根据前一个表单字段的有效性显示下一个表单字段

我需要根据表单中选择的最后一个值显示表单中的下一个字段。“我的表单”中的所有字段都是独立视图，特别是

ng include

这样做的目的不是在页面加载时显示所有字段，而是根据在上一个字段中选择的值显示下一个字段

例1：

我的第一个输入（我的第一个

ng include

）是一个文本字段，可能在触发

onBlur

时检查值是否正确，然后显示下一个字段（我的第二个

ng include

），然后，如果该值正确，然后显示下一个字段（我的第三个

ng include

）

例2：

这次我的第一个输入（我的第一个

ng include

）是一个复选框字段，可能在触发

onBlur

时检查值是否正确，然后显示下一个字段（我的第二个

ng include

），然后，如果该值正确，然后显示下一个字段（我的第三个

ng include

）

谢谢。

你熟悉吗？
-它显示或隐藏元素取决于您在ng show标记中声明的值。

您可以在

ng表单中包装每个字段（或一组字段）

并根据当前节表单的有效性显示下一节。表单元素通过

ng include

交付的事实对方法几乎没有影响：

<div ng-form="form1">
  <input ng-model="v.one" required min-length="3">
</div>

<div ng-form="form2" ng-show="form1.$valid && !form1.$pending">
  <input ng-model="v.two" required min-length="3">
</div>

<div ng-form="form3" ng-show="form2.$valid && !form2.$pending">
  <input ng-model="v.three" required>
</div>

---

谢谢你的回答。我想通过ng show我可以完成我的功能。我去考试。我不能投票支持你的答案……是的，有

ng show

和根据业务需要显示/隐藏的逻辑

<div ng-form="form2" ng-show="showForm2()">
  <input ng-model="v.two" required min-length="3">
</div>