Angular: "checked" radio 输入属性未按预期工作

Question

在下面所示的代码中，

我正在迭代deliveryMethods，它们在 View 中显示为单选按钮。我打算预先选择第一个单选按钮。

我应用了以下属性:

[checked]="ndx==0"

其中 ndx 是每次迭代的索引。但没有一个单选按钮被选中。

如何动态预选第一个单选按钮？

<div *ngFor="let dm of deliveryMethods; let ndx=index">
   <label class="form-check-label">
      <input class="form-check-input f-s-1pt2" type="radio" 
             name="dm.name" 
             value="{{dm.name}}" 
             [(ngModel)]="item.item.deliveryMethod"
             (change)="filterProducts(item)"
             [checked]="ndx==0"
             class="radio-dimension"> 
             {{dm.label}}
   </label>
</div>

Answer 1

我已删除 [(ngModel)] 并使用属性绑定(bind)与 [value] 将值绑定(bind)到单选按钮控件。下面的代码对我有用

<div *ngFor="let dm of deliveryMethods; let ndx = index">
              <label class="form-check-label">
                    <input class="form-check-input f-s-1pt2" type="radio" 
                      name="dm.name" 
                      [value]="dm.name"
                      (change)="filterProducts(item)"
                      [checked]="ndx === 0"
                      class="radio-dimension"> 
                      {{dm.label}}
             </label> 
       </div>

这是一个正在工作的笨蛋 https://plnkr.co/edit/6Ay2zr7Ow3csB5Pxdgdz?p=preview