2017-05-04 15 views
7

Próbuję zaznaczyć jako domyślny radiobutton w zależności od wartości uzyskanej z mojego obiektu, która może być Prawda lub Fałsz. Jak mogę zrobić, aby oznaczyć jako domyślne radio w zależności od opcji?Domyślnie ustawiony domyślny sygnał kątowy 4Bamton Domyślnie

 <label>This rule is true if:</label> 
     <label class="form-check-inline"> 
     <input class="form-check-input" type="radio" name="mode" 
     value="true" [(ngModel)]="rule.mode"> all the following conditions are true 
     </label> 
     <label class="form-check-inline"> 
     <input class="form-check-input" type="radio" name="mode" value="false" [(ngModel)]="rule.mode"> at least one of the following conditions is true 
     </label> 

mam prawdziwe lub fałszywe w: „rule.mode”

+2

[attr.checked] = "role.mode" –

+0

@BharatChauhan to jest poprawna odpowiedź, idealny dla 'init-only' ustawienie wartości. dzięki! – CularBytes

Odpowiedz

12

Można użyć [(ngModel)], ale trzeba aktualizować swój value do [value] inaczej wartość ocenia jako ciąg znaków. to będzie wyglądać następująco:

<label>This rule is true if:</label> 
<label class="form-check-inline"> 
    <input class="form-check-input" type="radio" name="mode" [value]="true" [(ngModel)]="rule.mode"> 
</label> 
<label class="form-check-inline"> 
    <input class="form-check-input" type="radio" name="mode" [value]="false" [(ngModel)]="rule.mode"> 
</label> 

Jeśli rule.mode jest prawdziwe, to jest zaznaczone, że radiowy. Jeśli jest fałszywa, to druga.

Różnica naprawdę sprowadza się do value. value="true" naprawdę ocenia ciąg "prawda", podczas gdy [value]="true" jest wartością logiczną prawda.

+0

Dzięki, człowieku, działa^^ – XGuy

+0

Dzięki, uratowałeś mi mój dzień !! – Buminda

-1

myślę, że to powinno działać:

<label>This rule is true if:</label> 
<label class="form-check-inline"> 
    <input class="form-check-input" type="radio" name="mode" [value]="true" [(ngModel)]="rule.mode"> 
</label> 
<label class="form-check-inline"> 
    <input class="form-check-input" type="radio" name="mode" [value]="false" [(ngModel)]="rule.mode"> 
</label>