Question

我的UI包含两个单选按钮YES和NO，如何根据这些单选按钮值显示下拉列表和文本框。例如，如果用户单击YES收音机然后需要显示下拉列表，如果用户选中了NO收音机，那么textbox应该使用angular 2 typescript.please显示任何人提供链接或帮助我做。

Answer 1

对于aholtry的答案的微小变化，因为这不会令人遗憾地起作用。单选按钮的值不是boolean，而是string，因此必须根据字符串值检查值，此处我使用＆＃34;是＆＃34;和＆＃34;不＆＃34;。

所以：

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

这应该让你开始！：）

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

Angular 2打字稿：如何根据单选按钮显示下拉列表和文本框

2 个答案: