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默认，这就是我在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;
}

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

1 个答案: