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

【问题标题】：Checking a value initially from an array in radio buttons Angular typescript最初从单选按钮Angular typescript中的数组检查值
【发布时间】：2020-11-29 18:00:52
【问题描述】：

我需要检查我的数组中的第一个值，该值是通过 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>

请帮忙。

【问题讨论】：

嗨，初始化或设置为formControl“paymentOption”，其值为数组中的第一个值。并删除模板中的属性[checked]。

标签： html angular typescript radio-button angular9

【解决方案1】：

我假设您正在使用 ReactiveForms。

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

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

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

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

【讨论】：