Question

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

这些是我尝试的方式，

    <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>

但两种方式都不起作用，有人请解释一下代码的问题。谢谢。

Answer 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>

Angular Checked单选按钮，不起作用

1 个答案: