html - Angular 2 typescript：如何根据单选按钮显示下拉框和文本框

我的用户界面包含两个单选按钮 YES 和 NO，如何根据这些单选按钮的值显示下拉列表和文本框。例如，如果用户点击 YES 单选按钮，则需要显示下拉列表；如果用户选中 NO 单选按钮，则应该显示文本框。使用 Angular 2 TypeScript。请有人提供链接或帮助我实现。

答案＃1

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

这应该能帮你入门！:)

答案＃2

这是一个简单的例子，不需要看到你的代码。如果你能提供一个代码示例，那么我可以进一步详细说明。

<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>