html - Angular 2 typescript :How to show dropdown and textbox based on radio button

标签 html css angular typescript

我的 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/

相关文章:

jquery css 不能与 ajax 一起使用

javascript - 使用jquery添加html表格行无法设置为标记

angular - 如果缺少 key 或正在加载翻译文件,则 ngx-translate 默认文本

angular - 无法找到 Angular 路由中的模块错误

html - CSS 在一行中拉伸(stretch)所有 div

javascript - JqueryUI 反弹隐藏元素并将其向左移动并且动画不适用于子 div

javascript - 自动滑出导航加载?

JQuery点击类循环

javascript - Apple.com 如何实现渐进式 jpeg 加载?

angular - 如何用新的 observable 替换 http observable?