我的反应形式有问题。我需要一个单独的单选按钮组,它与添加的文本输入相结合。这里是current preview of my input set
按照我的模板中的当前代码:
<div class="form-group row" formArrayName="externCallerIds">
<div class="col-sm-5">
<label for="extern-caller-ids" class="col-form-label">{{ 'USERS.extern' | translate }}<br>
<a class="btn btn-secondary add-button" id="extern-caller-ids" (click)="addExtCallerId()">Hinzufügen</a>
</label>
</div>
<div class="col-sm-7">
<div *ngFor="let item of userForm.controls.externCallerIds.controls; let i = index" style="margin-bottom: 10px;">
<div class="input-group">
<span class="input-group-addon" [formGroup]="userForm">
<input formControlName="externCallerId" type="radio" [value]="item.value">
</span>
<div class="input-group">
<input formControlName="{{ i }}" type="text" class="form-control col-12">
</div>
<div class="input-group-btn" *ngIf="i > 0">
<button type="button" class="btn btn-danger" (click)="delExtCallerId(i)"><i class="fa fa-minus"></i></button>
</div>
</div>
</div>
</div>
</div>
主要问题是,通过添加新输入,radio-button-group会生成一个新组,尽管每个radio-input-value都不同且输入名称相同。如何获得一组单选按钮?
我试图在Plunkr中实现我的项目的这一部分。它不起作用,但app.ts
中的代码与我的脚本相同。
答案 0 :(得分:1)
虽然还不完全清楚。我假设您没有获得单选按钮列表。所以这就是事情。请这样做。
<input formControlName="externCallerId" name="radiogroup" type="radio"
[value]="item.value">
如果这是您正在寻找的,请告诉我。