Html 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

我的UI包含两个单选按钮YES和NO,如何根据这些单选按钮值显示下拉列表和文本框。示例如果用户单击YES radio,则需要显示下拉列表;如果用户选中NO radio,则文本框应使用angular 2 typescript显示。请任何人提供链接或帮助我执行此操作。

以下是一个简单的示例,但没有看到您的代码。如果您能给出一个代码示例,那么我可以详细说明

<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'" />