如何在 *ngFor (angular2) 中检查 md-radio-button 的第一个元素

Question

请给我这个代码片段：

<md-radio-group>
      <span *ngFor="let size of item.sizes; let i = index;">
        <md-radio-button [value]="size.id" [attr.checked]="i === 0 ? '' : null">
          <span class="inline inset text-capitalize" >{{size.name}} </span>
        </md-radio-button>
      </span>
    </md-radio-group>

我希望第一个 md-radio-button 会被默认检查，这就是为什么我在之后添加了 [attr.checked]="i === 0 ? '' : null" 但没有任何反应.请问有什么实现方法吗？

Answer 1

md-radio-button 是一个自定义组件，您不能像使用 <input type="radio"> 那样使用属性检查它。

但也许您可以在 ngModel 或 formControl 上设置默认值...？

<md-radio-group [(ngModel)]="foo">
  <span *ngFor="let size of item.sizes; let i = index;">
    <md-radio-button [value]="size.id" [attr.checked]="i === 0 ? '' : null">
      <span class="inline inset text-capitalize" >{{size.name}} </span>
    </md-radio-button>
  </span>
</md-radio-group>

ngOnInit(){
  this.foo=item.sizes[0].id;
}

如何在 *ngFor (angular2) 中检查 md-radio-button 的第一个元素

How to get first element of md-radio-button checked within *ngFor (angular2)

html

radiobuttonlist

ngfor

angular