时间戳

首页 > 解决方案 > Angular 2 单选按钮 ngmodel 无法按预期工作

angular - Angular 2 单选按钮 ngmodel 无法按预期工作

问题描述

我有 2 个带有 ngmodel 的单选按钮。使用downloadValxls 在 typescript 文件中初始化。所以默认情况下，当页面加载时 xls 选项应该被选中

<fieldset>
    <label for="downloadxls"></label>
    <input id="downloadxls"  name="downloadVal" [(ngModel)]="downloadVal" type="radio" value="xls" aria-describedby="xlsDescription"> XLS

    <label for="downloaddoc"></label>
    <input id="downloaddoc"  name="downloadVal" [(ngModel)]="downloadVal" type="radio" value="doc" aria-describedby="docDescription"> Document
</fieldset>

在本地设置中一切正常。当它部署在服务器中时，默认情况下不会选择 xls 单选按钮。html 也如下所示。

<input aria-describedby="xlsDescription" data-angular2-attrb-value1="downloadVal" data-angular2-attrb1="[(ngModel)]" id="downloadxls" name="downloadVal" type="radio" value="xls">

标签： angularradio-button

解决方案

我一直在将其添加到输入中以进行保护。似乎解决了一些问题。

<input type="checkbox" [(ngModel)]="downloadVal" [selected]="downloadVal"/>

推荐阅读