javascript - 在 Angular 7 中单击时，具有相同 formcontrolname 的单选按钮会被一起选中

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

您需要为每个选项使用属性绑定(bind):

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