如何仅在使用Angular 2的HTML元素处于活动状态时启用验证？

Question

我有一个单选按钮和一个对应的输入文本框，当单选按钮被选中时显示。我保持输入标签上所需的验证属性如下所示：

<input type="text" id="textbox" required /> 

当我取消选择单选按钮时，此文本框隐藏。但是，即使文本框被隐藏，我也无法提交表单。毕竟，隐藏的必填字段仍然是必需的，所以我不能只将必需的属性放在这些隐藏的字段上。

已解释我的情况：

Q1。仅当文本框处于活动状态时，是否有任何“仅限HTML”的方法才允许验证？ Q2302。如果不是，那么对于使用Angular 2（或Javascript）的同样最好和最简单的方法是什么？

Answer 1

显示/隐藏输入框时，可以使用'ng-if'而不是'ng-show/ng-hide'。 因为，ng-show/hide只隐藏元素，但它在DOM中，而ng-if只在满足条件时才生成元素