最初从单选按钮Angular typescript中的数组中检查值

Question

我需要检查数组中的第一个值，该值是通过api从get请求中获得的以下是我的html

<div class="row" class="select-options" *ngFor="let options of paymentOptions;let idx = index">
<input  type="radio"
formControlName="paymentOption"
[value]="options"
[checked]="idx==0"
(change)="onSelectChange(options)"/>
{{options}}
</div>

请帮忙。

Answer 1

我假设您使用的是ReactiveForms。

以下是一个工作示例：https://stackblitz.com/edit/angular-ivy-gbn2uy

你需要创建一个表单组，你可以在那里设置你的初始/默认值，如下所示：

this.form = fb.group({
paymentOption: [this.paymentOptions[0]]
});

因此，输入本身不需要checked属性。