радио-кнопка с тем же именем formControl выбирается вместе при нажатии в angular7

Question

https://stackblitz.com/edit/angular-7aqzj2

places = ['effil tower','new discover']

new FormGroup({place: new FormControl()});

 <div *ngIf="places?.length > 0" class="col-12">
            <div style=" padding-top: 1em; ">
                <label  *ngFor="let place of places">
                    <input  formControlName="place" type="radio">{{place}}
                </label>
            </div>
        </div>

Я пытаюсь добавить переключатель с тем же именем элемента управления формой, и значение поступает через службы.

при этом у него одно и то же имя элемента управления формой, поэтому его выбирают одновременно.

Есть ли способ различать оба и выбирать по одному за раз?

Answer 1

Вам необходимо использовать привязку свойств для каждой опции:

<input  formControlName="place" type="radio" [value]="place">

Answer 2

places = ['effil tower','new discover']

new FormGroup({place: new FormControl(this.places[0])});

 <div *ngIf="places?.length > 0" class="col-12">
            <div style=" padding-top: 1em; ">
                <label  *ngFor="let place of places">
                    <input  formControlName="place" type="radio" [value]="place">{{place}}
                </label>
            </div>
        </div>

Надеюсь, это поможет. [value] = "place" и FormControl (this.places [0])

Answer 3

Для входа необходимо задать значение . Кроме того, когда вы создаете FormGroup, вы можете определить значение по умолчанию, если хотите.

Этот вопрос может помочь вам больше. Angular 5 реактивных форм - группа радиокнопок

 <div *ngIf="places?.length > 0" class="col-12">
            <div style=" padding-top: 1em; ">
                <label  *ngFor="let place of places">
                    <input  formControlName="place" type="radio" value=place>{{place}}
                </label>
            </div>
        </div>