使用布尔属性选中的单选按钮

Question

使用 angular 8，我正在生成一个用户上下文列表，用户可以在其中 select 他的连接上下文。由于建议的上下文之一始终是当前上下文，我希望能够在当前上下文为真时检查单选按钮，因此在用户上下文下拉列表打开时，会自动检查当前上下文。

问题是，我找不到将选中的属性绑定到布尔值的方法。就像是：检查="currentUser.currentContext".


          <tr *ngFor="let reworkedCollabspace of reworkedCollabspaces; let i = index">
            <td>
              <input type="radio" name="selectUserContext" id="checkBox{{i}}"
                     (click)="updateSelectedCollabspace(reworkedCollabspace, i)"
                     (change)="enableChangeContextBtn()">
            </td>
            <td>
              <ul>
                <li>{{ reworkedCollabspace.domain }}</li>
                <li>{{ reworkedCollabspace.organization }}</li>
                <li>{{ reworkedCollabspace.role }}</li>
                <li>prefered : {{ reworkedCollabspace.prefered }}</li>
                <li>current : {{ reworkedCollabspace.current }}</li>
                <li>selected : {{ reworkedCollabspace.selected }}</li>
              </ul>
            </td>
          </tr>

        </table>

Answer 1

到目前为止，我发现的最佳方法是使用

[attr.checked]="respondent.genderType=='1' ? 'checked' : null"

加上将收音机包装成表格。有关详细信息，请参阅这 2 个相关帖子：

Radio Buttons "Checked" Attribute Not Working

使用布尔属性选中的单选按钮

Radio button checked with boolean attribute

boolean

radio-button

angular8

checked