我正在使用Angular2进行材质设计,我希望有两个单选按钮代表一个真正的假状态(布尔值)。问题是,当页面加载时,org.nda
值设置为true或false,但没有选择单选按钮。如果我单击任何收音机,则会正确选择该按钮,并在保存时保存正确的值。所以问题是只有初始页面加载,当没有选中单选按钮时。请注意,如果我从标签中删除与材料相关的类,则单选按钮正常工作。我检查了类似的问题,但没有一个与我的情况有关。有什么想法吗?
<label class="mdl-radio mdl-js-radio" for="option-no">
<input id="option-no" class="mdl-radio__button" type="radio" name="nda" [value]=false
[ngModel]="{checked: !org.nda}"
(ngModelChange)="org.nda = false">
<span class="mdl-radio__label">No</span>
</label>
<label class="mdl-radio mdl-js-radio" for="option-yes">
<input id="option-yes" class="mdl-radio__button" type="radio" name="nda" [value]=true
[ngModel]="{checked: org.nda}"
(ngModelChange)="org.nda = true">
<span class="mdl-radio__label">Yes</span>
</label>