wie in Winkel 2 in * ngFor

Question

meine Checkbox das Optionsfeld Wert wie Checkbox ändern

<input id="{{k.group_name}}_{{i}}" type="radio" class="hide" name="{{k.group_name}}" [value]="m.details" (change)="change($event, m , k.item_ingredient_group_key,true,k.maximum)"> 

in meinem json Dienst Ich erhalte die is_selected = true oder is_selected = false basierend auf dem JSON-Wert.

die is_selected value müssen ebenfalls geändert werden.

Ich habe das Kontrollkästchen verwendet, indem Sie es mit [(ngModel)]="is_selected" binden es funktioniert gut für checkbox, aber wenn ich das Kontrollkästchen die [(ngModel)]="is_selected" ändern, wie ausgenommen, aber für Radio-Button.

der wahre Wert und falscher Wert nicht als wie die, die in der Checkbox Checkbox

Answer 1

Zunächst einmal ändert schließen Sie Ihre Eingabe tags:

//before 
    <input id="{{k.group_name}}_{{i}}" name="{{k.group_name}}" type="checkbox" class="hide" name="{{k.group_name}}" [value]="m.details" (change)="change($event, m , k.item_ingredient_group_key,false,k.maximum)"> 

//after 
<input id="{{k.group_name}}_{{i}}" name="{{k.group_name}}" type="checkbox" class="hide" name="{{k.group_name}}" [value]="m.details" (change)="change($event, m , k.item_ingredient_group_key,false,k.maximum)" /> 

Zweitens müssen Sie Namensschilder in Ihrem Checkbox-Eingang:

//Two Name tags, what for? 
    <input id="{{k.group_name}}_{{i}}" name="{{k.group_name}}" name="{{k.group_name}} "type="checkbox" class="hide" [value]="m.details" (change)="change($event, m , k.item_ingredient_group_key,false,k.maximum)"> 

Drittens:

Versuchen zu verwenden geprüft für den Radioknopf:

<input id="{{k.group_name}}_{{i}}" type="radio" class="hide" name="{{k.group_name}}" [value]="m.details" [checked]="change($event, m , k.item_ingredient_group_key,true,k.maximum)" />