initialisieren und erhalten einen Radiobutton Wert auf Komponente

Question

Frage: Wie kann ich Wert von Radio-Input auf die Initialisierung von Komponenten in diesem Szenario erhalten?

Komponente:

colors = ['red', 'blue']; 
selectedColor: FormControl; 

ngOnInit() { 
    this.selectedColor = new FormControl(); 
} 
ngAfterViewChecked() { 
    console.log(this.selectedColor.value) // return null on component initialazation 
} 

Vorlage:

<ng-container *ngFor="let c of colors, let i = index"> 
    <input 
    [formControl]="selectedColor" 
    type="radio" 
    name="group" 
    [id]="c" 
    [value]="c" 
    [checked]= "i === 0"> 
    <label attr.for="{{c}}">{{c}}</label> 
</ng-container> 

Nun, wenn ich versuche Wert von aufgegebenem Eingang in ngAfterViewChecked() zu erhalten, welche die Eingabe, die einen "i === 0" Zustand gleich wahr ist, bekomme ich null Bei der Komponenteninitialisierung wird jedoch bei Änderungen am Funkeingang der korrekte Wert zurückgegeben.

Answer 1

<input 
    type="checkbox" 
    class="form-control" 
    id="'someRandomId'" 
    name="'someRandomId'" 
    [ngModel]="value" 
    (ngModelChange)="changeValue()"> 
    <label [attr.for]="'someRandomId'"><span *ngIf="name">{{name}}</span></label>