在ng-select中初始设置值可以通过以下步骤实现:
import { Component } from '@angular/core';
import { FormControl } from '@angular/forms';
import { NgOption } from '@ng-select/ng-select';
@Component({
selector: 'app-my-component',
template: `
<ng-select [formControl]="selectedValue">
<ng-option *ngFor="let option of options" [value]="option.value">{{ option.label }}</ng-option>
</ng-select>
`
})
export class MyComponent {
selectedValue = new FormControl(); // 创建一个FormControl对象
options: NgOption[] = [
{ value: 'option1', label: 'Option 1' },
{ value: 'option2', label: 'Option 2' },
{ value: 'option3', label: 'Option 3' }
];
}
export class MyComponent {
selectedValue = new FormControl('option2'); // 设置初始值为'option2'
// ...
}
通过以上步骤,你就可以在ng-select中初始设置值了。请注意,这里的示例仅供参考,你需要根据你的实际需求进行相应的调整和修改。
关于ng-select的更多详细信息和用法,你可以参考腾讯云的相关产品ngx-select的官方文档:ngx-select。
领取专属 10元无门槛券
手把手带您无忧上云