问题描述:在使用Angular的ng-select组件创建动态控件时,无法选择值。
解决方法:一个可能的解决方法是使用ngModel指令来绑定值,并在动态创建控件时设置ngModel的值。下面是一个示例代码:
import { Component } from '@angular/core';
@Component({
selector: 'app-root',
template: './app.component.html',
styleUrls: ['./app.component.css']
})
export class AppComponent {
options = [
{ id: 1, name: 'Option 1' },
{ id: 2, name: 'Option 2' },
{ id: 3, name: 'Option 3' }
];
selectedValues = [];
createDynamicControl() {
// 创建动态控件的代码
// ...
// 设置ngModel的值
this.selectedValues.push(this.options[0]); // 设置默认选中第一个选项
}
}
通过以上步骤,ng-select组件在创建动态控件时就可以选择默认值了。请根据实际需要修改代码,以适应你的应用场景。