Angular 默认情况下，以角度反应形式禁用未选择的收音机

如何在默认情况下禁用未选择的收音机

import {Component, NgModule} from '@angular/core'
import {BrowserModule} from '@angular/platform-browser'
import {FormBuilder, FormGroup, ReactiveFormsModule} from "@angular/forms"

@Component({
  selector: 'my-app',
  template: `

     <form [formGroup]="fbGroup">
      <div>
        <div *ngFor="let fruit of fruits">
          <input type="radio" 
            formControlName="afruit" [value]="fruit.value"/>
          <label>{{ fruit.label }}</label>
        </div>
      </div>
     </form>

    <div>{{fbGroup.value | json}}</div>

  `,
})
export class App {
  fbGroup: FormGroup;
  fruits = [{
    label: 'Apple',
    value: 'apple'
  }, {
    label: 'Banana',
    value: 'banana'
  }, {
    label: 'Orange',
    value: 'orange'
  }];

  constructor(_fb: FormBuilder) {
    this.fbGroup = _fb.group({
      afruit: ['banana']
    });
  // disable apple with banana selected as default
  }

}

@NgModule({
  imports: [ BrowserModule, ReactiveFormsModule ],
  declarations: [ App ],
  bootstrap: [ App ]
})
export class AppModule {}

从'@angular/core'导入{Component，NgModule}
从“@angular/platform browser”导入{BrowserModule}
从“@angular/forms”导入{FormBuilder、FormGroup、ReactiveFormsModule}
@组成部分({
选择器：“我的应用程序”，
模板：`
{{fruit.label}
{{fbGroup.value | json}
`,
})
导出类应用程序{
fb组：FormGroup；
水果=[{
标签：“苹果”，
价值：“苹果”
}, {
标签：“香蕉”，
价值：“香蕉”
}, {
标签：“橙色”，
值：“橙色”
}];
构造函数（fb:FormBuilder）{
this.fbGroup=\u fb.group({
水果：[“香蕉”]
});
//禁用苹果，默认选择香蕉
}
}
@NGD模块({
导入：[BrowserModule，ReactiveFormsModule]，
声明：[App]，
引导：[应用程序]
})
导出类AppModule{}

以下是

您所说的禁用是什么意思？当组件初始化时，是否要使

afruit

为空？如果是的话

this.fbGroup=_fb.group（{afruit:[''']}）afruit

为空？如果是的话

this.fbGroup=_fb.group（{afruit:[''']}）