Tengo mi código en HTML como este.
<div class="col-md-10"> <ng-select [items]="tests" (data)="updateSelected($event, 'test')"> </ng-select> </div>Mi código mecanografiado es el siguiente
@Input() tests: Option[] = []; I have tests coming as input from previous component @ViewChildren(SelectComponent) private selectComponents: QueryList<SelectComponent>; ngAfterViewInit() { this.selectComponents; }¿Cómo establezco algún valor como valor predeterminado aquí en selectComponents o hay alguna otra forma de establecer algún valor como valor predeterminado usando ng-select?
Use el enlace ngModel como se muestra a continuación.
<ng-select options="users" [(ngModel)]="selectedValue"> </select> ngOnInit() { this.selectedValue = ["1"] }El valor del elemento de la matriz es el ID de la opción. https://basvandenberg.github.io/ng-select puede ser útil para usted.
For Reactive forms, you can bind the value while creating `FormGroup`.En ST:
import { FormBuilder, Validators, FormGroup} from '@angular/forms'; accountForm: FormGroup; // declaring form group constructor(private fb: FormBuilder) {} ngOnInit(): void { this.createForm(); } createForm(): void { this.accountForm = this.fb.group({ trial: ['Yes', [Validators.required]] // Its default value }); } En caso de que el valor sea dinámico (p. ej., de una llamada a la API), puede configurarlo con this.accountForm.patchValue({trial: 'abcd'});
En HTML:
<form class="form" [formGroup]="accountForm" (ngSubmit)="onSubmit(accountForm)" autocomplete="off" novalidate> <div class="form-row"> <div class="col-sm-4" > <div class="form-group"> <label>Trial</label> <ng-select [items]="booleanDropdown" [multiple]="false" [selectableGroup]="true" [closeOnSelect]="true" [clearable]="false" formControlName="trial"> </ng-select> </div> </div> </div>Debe definir un objeto de tipo de componente para la variable o puede obtener el primer elemento de la lista y configurarlo como una variable predeterminada.
@ViewChildren(SelectComponent) private selectComponents: QueryList<SelectComponent>; defualtComponent: any; ngAfterViewInit() { this.defaultComponent = this.selectComponents.get(0); }Esto seleccionará el primer elemento si eso es lo que desea como elemento predeterminado.