使用布尔属性检查的单选按钮答案

【问题标题】：Radio button checked with boolean attribute使用布尔属性检查的单选按钮
【发布时间】：2020-04-07 16:46:00
【问题描述】：

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

问题是，我找不到将选中的属性绑定到布尔值的方法。就像是：选中="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>

【问题讨论】：

标签： boolean radio-button angular8 checked

【解决方案1】：

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

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

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

【讨论】：