Nút radio mặc định 4 góc được kiểm tra theo mặc định

Question

Tôi tham gia cố gắng đánh dấu là một radio mặc định tùy thuộc vào giá trị tôi nhận được từ đối tượng của mình, có thể là True hoặc False. Làm cách nào tôi có thể thực hiện để đánh dấu là radio mặc định tùy thuộc vào tùy chọn?

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

tôi có đúng hay sai trong: "rule.mode"

Answer 1

Bạn có thể sử dụng [(ngModel)], nhưng bạn sẽ cần phải cập nhật của bạn value để [value] nếu không thì giá trị được đánh giá như là một chuỗi. Nó sẽ giống như thế này:

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

Nếu rule.mode là đúng, sau đó radio được chọn. Nếu nó sai, thì cái kia.

Sự khác biệt thực sự đi xuống đến value. value="true" thực sự đánh giá chuỗi 'true', trong khi [value]="true" đánh giá đúng boolean.

Answer 2

Tôi nghĩ rằng điều này sẽ làm việc:

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