Angular2 单选按钮未禁用

Question

我在页面上有一系列单选按钮，这些按钮被分组为"is"/否“按钮的集合。我想根据变量的值禁用它们，但只有"is"按钮在以下情况下被禁用:我转到该页面。我还有一个下拉菜单，可以更改 ngModel 正在查看的变量(下面代码中的“selectedIndex”变量)，如果我使用该下拉菜单选择不同的值，然后重新选择原始值两个按钮都被禁用。我知道 [disabled] 的代码正在工作，因为它适用于"is"按钮，但不适用于“否”按钮。有什么想法吗？

<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>

Answer 1

两个输入的相同 ID (id="newsitesyes") 可能是问题所在。