ionic2のフィールドを非表示にする方法

Question

基本的には、フォームで選択された上記のドロップダウンの値に応じて、いくつかのフィールドを非表示にするのが苦労しています。

例：特定のカテゴリの値よりもカテゴリのドロップダウンがある場合は、フォームの送信前に特定のフィールドのみを表示します。

さらに、ラジオアラートを使用してカテゴリを表示したいが、そのカテゴリは表示されないようにしたいですか？

私は、カテゴリ入力無線タイプ選択ポップアップが、それを行う方法を模索することができませんでし作ってみました...

いずれかいただきました！最良の方法を提案することができます。

私はhttps://ionicframework.com/docs/v2/api/components/alert/AlertController/と考えています。ラジオアラートの例。

Answer 1

あなたのラジオボタンはおそらく[(ngModel)]="value"などでバインドされたRadioGroupの内部にあります。

この方法では、特定のフィールドを非表示にすることができます（これは、今のところdiv sで実証します）。

<div id="onlyOnValue1" *ngIf="value == 'value1'"></div> 
<div id="onlyOnValue2" *ngIf="value == 'value2'"></div> 
<div id="value3Or4" *ngIf="value == 'value3' || value='value4'"></div> 

非表示にするフィールドがたくさんある場合、これはかなり乱雑に見えます。あなたが望むなら、これを関数に取り出すことができます。

[hidden]にバインドすることもできますが、代わりにAngularのメソッドを使用することをお勧めします。