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

Question

请给我这个代码 sn-p:

<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 将被默认选中，这就是为什么我在 this question 之后添加了 [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;
}