Angular2 comment régler le bouton radio comme coché avec une valeur par défaut

Question

Je suis nouveau à Angular2, j'ai un groupe radio et j'essaye de le lier en utilisant [(ngModel)] à l'entité person.testBoolean pour que je puisse l'enregistrer dans la base de données. Je veux définir une valeur par défaut comme sélectionnée et j'ai vu quelques exemples et trouvé qu'ils définissent la valeur par défaut à [(ngModel)] mais dans mon cas je veux le lier à mon entité donc je ne peux pas utiliser [(ngModel)] . Quelqu'un peut-il conseiller des options alternatives. checked = idx ne fonctionne pas.

<div class="form-group"> 
    <label for="radioboolean">Boolean: </label> 
    <div *ngFor="let entry of entries; let idx = index" class="radio-inline" > 
     <input type="radio" [(ngModel)]="person.testBoolean" name="radiogroup" [checked]="idx === 1" [value]="entry.id" />{{ entry.description }} 
    </div> 
</div> 

Code Ts:

entries = [ 
       {id: 1, description: 'True' }, 
       {id: 2,description: 'False'}, 
       {id: 3,description: 'Undefined'} 
      ]; 

personne est mon entité:

export interface IPerson { 

    id: string; 
    name: string; 
    testNumber: number | null; 
    testDatetime: Date | null; 
    testBoolean: boolean | null; 
    // Refs to parent entities 
    team: ITeam; 
    teamId: string; 

}; 

Answer 1

Vous pouvez utiliser l'identifiant d'entrée comme ceci: [checked]="entry.id === 1"

<div *ngFor="let entry of entries; let idx = index" class="radio-inline" > 
       <input type="radio" [(ngModel)]="person.testBoolean" name="radiogroup" [checked]="entry.id === 1" [value]="entry.id" />{{ entry.description }} 
      </div>