如何设置在Angular 2中选中的单选按钮答案

【问题标题】：How to set radio button checked in Angular 2如何设置在Angular 2中选中的单选按钮
【发布时间】：2021-09-20 17:51:58
【问题描述】：

我是 Angular 2 的新手。

我有一个列表并对其进行迭代并显示为单选按钮，如下所示。现在，如果条件为 TRUE，我想设置检查属性。如何在 Angular 2 中做到这一点？

      <table *ngIf="optionList">  
        <tr *ngFor="let op of optionList; let i = index">
          <td>
              <input type="radio" name="optradio" *ngIf=" (CONDITION HERE) ? 'checked' : 'non' "> 
              <label>{{op.option_text}} </label> 
          <td>
        </tr>
      </table>

【问题讨论】：

你试过op.checked作为条件吗？ *ngIf=" op.checked ? 'checked' : 'non' "
在checked 属性上使用属性绑定：[checked]="condition"
试过 [checked] 但它总是检查最后一个单选按钮
上面的代码示例表明对 *ngIf 的用途存在误解（因为 OP 和其他几十个已解决）。如果有人看到这一点并且不确定，*ngIf 用于确定 DOM 元素（在本例中为标签）是否保留在 DOM 中（如果 *ngIf 条件为真，则为是）或从 DOM 中删除.因此，根据答案，它不是要使用的东西，而且确实 [checked] 是。

标签： angular

【解决方案1】：

试试这个

<table *ngIf="optionList">  
    <tr *ngFor="let op of optionList; let i = index">
      <td>
          <input type="radio" name="optradio" [checked]=" (CONDITION HERE)"> 
          <label>{{op.option_text}} </label> 
      <td>
    </tr>
</table>

在线演示：https://embed.plnkr.co/jSht4Do3DzpoVQG2SAwl/

【讨论】：

它应该是布尔值而不是[checked]="(CONDITION HERE) ? true : false"
只返回boolean变量而不是返回值true，false像return boolVar而不是return boolVar ? true : false
在你编辑之前就错了。它是[checked]="(CONDITION HERE) ? 'true' : 'false'"，它不是布尔值。新的编辑很好。
@SadokMtir 我认为他只是在承认你刚刚打电话给他的原因。放轻松。
你们最后能确认一下，我应该放哪个吗？

【解决方案2】：

你可以这样使用它

<input type="radio" name="optradio" [checked]="savedVal == currentRadioVal ? true : false" >

【讨论】：

【解决方案3】：

prod 是对象项目

【讨论】：

【解决方案4】：

你可以用简单的方法

<input type="radio" name="Availble" [value]="true" (change)="changeLogs()" [(ngModel)]="isLogsActive" [checked]="isLogsActive">

<input type="radio" name="Unavailable" [value]="false" (change)="changeLogs()" [(ngModel)]="isLogsActive" [checked]="!isLogsActive" >

【讨论】：