默认情况下，Angular 2 检查单选按钮

Question

默认情况下，我正在尝试使用零值检查我的单选按钮。我正在尝试使用该[checked]='true'属性。但这不起作用。

<input type="radio" name="unitTrusts-pnl" id="unitTrusts-pnl0" class="with-gap" [value]="0" [(ngModel)]="unitTrustsPnl"  [checked]='true'>
<input type="radio" name="unitTrusts-pnl" id="unitTrusts-pnl0" class="with-gap" [value]="1" [(ngModel)]="unitTrustsPnl">

演示

https://stackblitz.com/edit/angular-jj9gib

Answer 1

每个单选按钮都有一个名为 value 的属性，这意味着如果您将 ngModel 的值 (unitTrustsPnl) 设置为每个单选的值，该单选将被检查。

例如你有

<input type="radio" name="unitTrusts-pnl" id="unitTrusts-pnl0" class="with-gap" [value]="0" [(ngModel)]="unitTrustsPnl">

因此，如果您将unitTrustsPnl值设置为 0 ，该收音机将进行检查等等。

更新：你的变量（unitTrustsPnl）应该是数字类型，声明它像

公共单元TrustsPnl：数字；

其原因是因为您提到 [value]="0" HTML 认为您有一个数字类型变量。

Answer 2

由于按钮绑定到一个变量，请尝试设置该变量：

unitTrustsPnl = 0;