angular 2复选框已选中= true无效

Question

home.ts

<div class="col-xs-12 col-sm-3  col-md-3 radios">
    <input [(ngModel)]="SEARCH_TYPE" [checked]="true"  type="radio" name="SEARCH_TYPE" placeholder="Starts With" title="Starts With" tab-index="" value="S" />
</div>
<div class="col-xs-12 col-sm-3  col-md-3 radios">
    <input  [checked]=true [(ngModel)]="SEARCH_TYPE" type="radio" name="SEARCH_TYPE" placeholder="Contains" title="Contains" tab-index="" value="C" />
</div>

这里第二个输入复选框字段是由deafult检查阶段，但是看不到单选按钮

Answer 1

使用[value]绑定值而不是[(ngModel)]

<input  [checked]="true" [value]="SEARCH_TYPE" type="radio" name="SEARCH_TYPE" placeholder="Contains" title="Contains" tab-index=""  />

Answer 2

当您在[（ngModel）] =“SEARCH-TYPE”中使用双向绑定时，输入的值是此变量的初始值。你不能再使用“value = x”或“checked = true”。

删除“已检查”和“值”的属性或删除“ngModel”。