Angular 默认值在星云中为真？

我试图在ngx中设置默认的选中按钮

在component.ts文件中，我有以下脚本

options = [
  { value: 'URL', label: 'URL' , checked: true}, //checked true not working
  { value: 'UPLOAD', label: 'Upload File' },
];

下面是我的html文件

<nb-radio-group [(ngModel)]="option">
      <nb-radio  class='radio-button' *ngFor="let option of options" [value]="option.value">
        {{ option.label }}
      </nb-radio>
    </nb-radio-group>

{{option.label}

---

如何在ngx中第一次加载时使checked为true？

您可以尝试在组件中设置此选项

ngOnInit() {
 this.option.value = 'URL'
}

如果您想为{value:'URL'，label:'URL'，checked:true}设置checked

或者像这样使用：

    <nb-radio-group [(value)]="radioGroupValue">
      <nb-radio
        [value]="'This is value 1'">
        Radio 1
      </nb-radio>
      <nb-radio
        [value]="'This is value 2'">
        Radio 2
      </nb-radio>
      <nb-radio
        [value]="'This is value 3'">
        Radio 3
      </nb-radio>
    </nb-radio-group>

使用下面的一个

 <nb-radio-group [(ngModel)]="option">
      <nb-radio  class='radio-button' *ngFor="let option of options" [value]="option.value" [checked]="option.checked">
        {{ option.label }}
      </nb-radio>
 </nb-radio-group>

{{option.label}

或者如果您想选择第一个选项。试试这个

<nb-radio-group [(ngModel)]="option">
      <nb-radio  class='radio-button' *ngFor="let option of options;first as isFirst" [value]="option.value" [checked]="isFirst">
        {{ option.label }}
      </nb-radio>
 </nb-radio-group>

{{option.label}

下面是一个综合示例。

<nb-radio-group [(ngModel)]="option">
      <nb-radio  class='radio-button' *ngFor="let option of options;first as isFirst" [value]="option.value" [checked]="isFirst">
        {{ option.label }}
      </nb-radio>
 </nb-radio-group>