Html Angular 2 typescript:如何基于单选按钮显示下拉列表和文本框
我的UI包含两个单选按钮YES和NO,如何根据这些单选按钮值显示下拉列表和文本框。示例如果用户单击YES radio,则需要显示下拉列表;如果用户选中NO radio,则文本框应使用angular 2 typescript显示。请任何人提供链接或帮助我执行此操作。以下是一个简单的示例,但没有看到您的代码。如果您能给出一个代码示例,那么我可以详细说明Html Angular 2 typescript:如何基于单选按钮显示下拉列表和文本框,html,css,angular,typescript,Html,Css,Angular,Typescript,我的UI包含两个单选按钮YES和NO,如何根据这些单选按钮值显示下拉列表和文本框。示例如果用户单击YES radio,则需要显示下拉列表;如果用户选中NO radio,则文本框应使用angular 2 typescript显示。请任何人提供链接或帮助我执行此操作。以下是一个简单的示例,但没有看到您的代码。如果您能给出一个代码示例,那么我可以详细说明 <div> <input type="radio" [(ngModel)]="radioValue" name="rad
<div>
<input type="radio" [(ngModel)]="radioValue" name="radioValue" value="true" />YES
<input type="radio" [(ngModel)]="radioValue" name="radioValue" value="false" />NO
</div>
<div>
<select *ngIf="!radioValue">
<option>Some Option</option>
</select>
<input type="text" *ngIf="radioValue" />
</div>
对
不
一些选择
对aholtry的答案做一些小改动,因为不幸的是,这样做行不通。单选按钮的值不是布尔值
,而是字符串
,因此必须对照字符串值检查值,这里我使用了“是”和“否”
因此:
是
不
一些选择
这应该让你开始了!:) 你可以使用*ngIf。要获得更好的解决方案,请输入一些代码。另请参阅这是一个问题,并提供更多详细信息。谢谢,但如何在切换单选按钮时清除下拉列表和文本框值。不确定您的意思,请详细说明。目前,我的答案中的代码在单选按钮之间切换时清除了选择和输入。但我想你还有更多的代码?
<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'" />