如何隱藏離子中的字段2

Question

基本上我很難隱藏一些字段，具體取決於表單中選定的上述下拉列表的值。

例如：說，如果我有一個類別下拉比的特定類別顯示的值表前，只有特定的領域提交。

另外我也想我的類別使用無線電警報，但它沒有顯示要來？

我試圖讓輸入類的無線電類型選擇彈出式菜單，但無法探討如何做到這一點...

任何一個可以建議什麼的最佳途徑。

我想用https://ionicframework.com/docs/v2/api/components/alert/AlertController/做..例如無線電警報。

Answer 1

你的單選按鈕可能已經綁定[(ngModel)]="value"或類似的東西RadioGroup內。

這樣你可以隱藏/顯示某些字段（我會div小號證明這一點現在）他們比較值。

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

如果您有很多要隱藏的字段，這看起來相當混亂。所以，如果你願意，你可以將它解壓縮到一個函數中。

您也可以綁定到[hidden]，但我自己更喜歡採用了棱角分明的方法，而不是。