如何隐藏ionic2中的字段

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]，但我自己更喜欢使用Angular的方法。