HTML要素が角度2を使用してアクティブな場合にのみ検証を有効にするにはどうすればよいですか？

Question

私は、ラジオボタンとラジオボタンがチェックされたときに表示される対応する入力テキストボックスを持っています。次のように、入力タグに必要な検証属性を保持しています。

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

このテキストボックスは、ラジオボタンの選択を解除すると非表示になります。しかし、テキストボックスが隠されていてもフォームを送信できませんでした。結局のところ、隠されている必要なフィールドがまだ必要なので、私はそれらの隠しフィールドに必要な属性を置くことはできません。

Q1。テキストボックスがアクティブな場合にのみ検証を許可する「HTML専用」アプローチはありますか？

Q2。そうでない場合は、Angular 2（またはJavascript）を使用して、同じものに対して最も簡単で簡単な方法は何ですか？

Answer 1

入力ボックスの表示/非表示中に 'ng-show/ng-hide'の代わりに 'ng-if'を使用できます。 ng-show/hideは要素を隠すだけですが、DOMには存在しますが、ng-ifは条件が満たされたときにのみ要素を生成します。