Angular Checked 单选按钮，不起作用答案

【问题标题】：Angular Checked Radio button, did not workAngular Checked 单选按钮，不起作用
【发布时间】：2017-12-11 03:21:43
【问题描述】：

我编写了以下代码来检查单选按钮。用户选择的值是从另一个页面传递的。基于该值，我尝试选择一个单选按钮。

这些是我尝试过的方法，

    <label class="radio-inline">
        <input [value]="AND" [checked]="(as_op==AND) ? 'true' : 'false'" type="radio" [(ngModel)]="as_op" name="as_op"/> AND
    </label>
    <label class="radio-inline">
        <input [value]="OR" [checked]="(as_op==OR) ? 'true' : 'false'" type="radio" [(ngModel)]="as_op" name="as_op"/> OR
    </label>
    <label class="radio-inline">
        <input [value]="NOT" [checked]="(as_op==NOT) ? 'true' : 'false'" type="radio" [(ngModel)]="as_op" name="as_op"/> NOT
    </label>

然后尝试，（使用单引号包装值）

    <label class="radio-inline">
        <input [value]="AND" [checked]="(as_op=='AND') ? 'true' : 'false'" type="radio" [(ngModel)]="as_op" name="as_op"/> AND
    </label>
    <label class="radio-inline">
        <input [value]="OR" [checked]="(as_op=='OR') ? 'true' : 'false'" type="radio" [(ngModel)]="as_op" name="as_op"/> OR
    </label>
    <label class="radio-inline">
        <input [value]="NOT" [checked]="(as_op=='NOT') ? 'true' : 'false'" type="radio" [(ngModel)]="as_op" name="as_op"/> NOT
    </label>

但是这两种方法都不起作用，请有人解释代码的问题。谢谢你。

【问题讨论】：

能否提供组件代码和预期结果..

标签： angular angular2-forms angular4-forms

【解决方案1】：

删除 [] 的值，如下所示。

   <label class="radio-inline">
        <input value="AND" [checked]="(as_op=='AND') ? 'true' : 'false'" type="radio" [(ngModel)]="as_op" name="as_op"/> AND
    </label>
    <label class="radio-inline">
        <input value="OR" [checked]="(as_op=='OR') ? 'true' : 'false'" type="radio" [(ngModel)]="as_op" name="as_op"/> OR
    </label>
    <label class="radio-inline">
        <input value="NOT" [checked]="(as_op=='NOT') ? 'true' : 'false'" type="radio" [(ngModel)]="as_op" name="as_op"/> NOT
    </label>

【讨论】：