Угловая проверенная радиокнопка, не работала

Я написал следующий код, чтобы проверить переключатель. Выбранное пользователем значение передается с другой страницы. Основываясь на этом значении, я попытался выбрать переключатель.

Это способы, которыми я пытался,

    <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
person user3099298    schedule 11.12.2017    source источник
comment
не могли бы вы предоставить код компонента и ожидаемый результат..   -  person Alejandro Camba    schedule 11.12.2017

Ответы (1)


arrow_upward
0
arrow_downward

удалите [] для значения, как показано ниже.

   <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>
person Arun    schedule 12.12.2017