我的 UI 包含两个单选按钮 YES 和 NO,如何根据这些单选按钮值显示下拉列表和文本框。例如,如果用户单击"is"单选按钮然后需要显示下拉列表,如果用户选中“否”单选按钮则文本框应使用 angular 2 typescript 显示。请任何人提供链接或帮助我做。
最佳答案
对 aholtry 的答案进行小的改动,因为不幸的是,这不会奏效。单选按钮的值不是boolean
,而是string
,因此必须根据字符串值检查这些值,这里我使用了“yes”和“no”。
所以:
<input type="radio" [(ngModel)]="radioValue" value="yes" />YES
<input type="radio" [(ngModel)]="radioValue" value="no"/>NO
<select *ngIf="radioValue == 'yes'">
<option>Some Option</option>
</select>
<input type="text" *ngIf="radioValue == 'no'" />
这应该可以帮助您入门! :)
关于html - Angular 2 typescript :How to show dropdown and textbox based on radio button,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/42257729/