По умолчанию проверено true в Nebular?

Question

Я пытаюсь сделать проверенную кнопку по умолчанию в 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>

Как сделать флажок true при первой загрузке в ngx?

Answer 1

Вы можете попробовать установить в своем компоненте это.

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

Если вы хотите установить флажок для {значение: 'URL', пометьте: 'URL', проверено: true};

Или используйте так:

    <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>

И в вашем компоненте установите значение по умолчанию:

import { Component } from '@angular/core';

    @Component({
      selector: 'your-component',
      styleUrls: ['./your-component.scss'],
      templateUrl: ['./your-component.html',
    })

    export class FormInputsComponent {
      radioGroupValue = 'This is value 2';
    }

Answer 2

Используйте приведенный ниже,

       <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>

Или, если вы хотите выбрать первый вариант. Попробуй это

      <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>