Angular2一个单选按钮未禁用

时间:2017-04-28 10:52:01

标签: angular

我在页面上有一系列单选按钮,分组为"是" /否"纽扣。我想根据变量的值禁用它们,但只有"是"当我转到页面时,按钮被禁用。我还有一个下拉列表,用于更改ngModel正在查看的变量(下面的代码中的" selectedIndex"变量),如果我使用该下拉列表选择不同的值,然后重新选择原始值按钮被禁用。我知道[禁用]的代码是有效的,因为它适用于"是"按钮,不是"否"按钮。有什么想法吗?

<div class="col-sm-2">
  <input type="radio"
        name="NewSites"
        id="newsitesyes"
        required="required"
        [value]="true"
     [(ngModel)]="quarterlyInfo[selectedIndex].NewSitesOrSitesNoLongerParticipating"
        [disabled]="quarterlyInfo[selectedIndex].StudyDataLocked" />
  <label for="newsitesno">Yes</label>
  <input type="radio"
        name="NewSites"
        id="newsitesyes"
        required="required"
        [value]="false"
 [(ngModel)]="quarterlyInfo[selectedIndex].NewSitesOrSitesNoLongerParticipating"
        [disabled]="quarterlyInfo[selectedIndex].StudyDataLocked" />
  <label for="newsitesno">No</label>
</div>

1 个答案:

答案 0 :(得分:5)

两个输入的相同id(id =“newsitesyes”)可能是问题。