Wie man Felder in ionic2 versteckt

Question

Grundsätzlich habe ich Mühe, einige Felder zu verstecken, abhängig von dem Wert von oben Dropdown in einem Formular ausgewählt.

ex: sagen, wenn ich eine Kategorie Dropdown haben als für einen Wert einer bestimmten Kategorie zeigen nur bestimmte Felder vor dem Formular absenden.

Zusätzlich möchte ich meine Kategorien mit Radio Alert kommen, aber es zeigt nicht ??

Ich versuchte Kategorie Eingabe eines Funktyp wählen Popup aber nicht in der Lage zu erkunden zu machen, wie das zu tun ...

kann jemand vorschlagen, was ist die beste Art und Weise.

Ich denke, mit https://ionicframework.com/docs/v2/api/components/alert/AlertController/ .. Beispiel für Radio Alert zu tun.

Answer 1

Ihre Radiobuttons sind wahrscheinlich in einem RadioGroup, der mit [(ngModel)]="value" oder so ähnlich gebunden wurde.

Auf diese Weise können Sie bestimmte Felder verbergen/anzeigen (ich werde dies vorerst mit div s demonstrieren), indem Sie sie mit einem Wert vergleichen.

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

Dies wird ziemlich chaotisch aussehen, wenn Sie viele Felder versteckt haben müssen. So können Sie dies in eine Funktion extrahieren, wenn Sie möchten.

Sie können auch an [hidden] binden, aber ich bevorzuge stattdessen Angulars Methoden.