Question

我正在使用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>

Angular2单选按钮不适用于材料设计

0 个答案: