javascript - 如何将 ng-if 与单选按钮一起使用?

标签 javascript angularjs

这应该是一个简单的问题。

我在使用带有单选按钮的 ng-if 时遇到问题。这些是我的按钮:

<label class="radio-inline">
    <input type="radio" id="day_month" ng-model="day_month" name="inlineRadioOptions" value="option1"> day of the
    month
</label>
<label class="radio-inline">
    <input type="radio" id="day_week" ng-model="day_month" name="inlineRadioOptions" value="option2"> day of the
    week
</label>

如果选择第一个单选按钮,如何使用 ng-if 显示某些内容?

最佳答案

绑定(bind)模型day_month将在选择输入的时更新。检查该值是否等于该值将使您可以检查是否已选择输入。请参阅下面的示例。

<label class="radio-inline">
    <input type="radio" id="day_month" ng-model="day_month" name="inlineRadioOptions" value="option1"> day of the
    month
</label>
<label class="radio-inline" ng-show="day_month == 'option1'">
    <input type="radio" id="day_week" ng-model="day_month" name="inlineRadioOptions" value="option2"> day of the
    week
</label>

关于javascript - 如何将 ng-if 与单选按钮一起使用?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/38509816/

相关文章:

javascript - 如何防止 JavaScript 执行堆栈被过多的递归级别填满?

html - 当父 div 改变宽度时设置绝对位置

angularjs - 我可以在指令中使用 ng-controller 设置 Controller 吗?

javascript - 防止多次点击喜欢/不喜欢 <div> Angular

javascript - AngularJS 简单示例在 Plunker 中不起作用

javascript - FF+Firebug 出现错误 "Regular Expression too complex",IE 崩溃且 Chrome 挂起

javascript - Draggable 不是一个函数 - 如何将draggable 添加为 jQuery UI 的扩展?

javascript - async await 和 promise.all 错误处理

javascript - 原型(prototype)继承期间 Object.create(Parent.prototype) 与 Object.create(Parent) 之间的区别

javascript - 当模型更改时更新 ngClass 指令中的类名