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

Question

我有一个单选按钮和一个相应的输入文本框，当选中单选按钮时会显示该文本框。我已经在输入标记上保留了验证属性，如下所示：

DBMS_OUTPUT.PUT_LINE

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

解释了我的情景：

Q1。是否有任何“仅HTML”方法只允许在文本框处于活动状态时进行验证？

Q2。如果没有，那么使用Angular 2（或Javascript）的同样最好和最简单的方法是什么？

Answer 1

在显示/隐藏输入框时，您可以使用'ng-if'代替'ng-show / ng-hide'。 因为，ng-show / hide只隐藏元素，但它存在于DOM中，而ng-if仅在条件满载时生成元素