我正在构建一个应用程序，在其中构建了一个输入组件，该组件可以适应文本输入、选择、文本区域等...
所以我为此创建了一个模型，在那里我发送它需要的所有信息，以便组件可以适应我的需要。我也在使用 formCONtrol 而不是 ngModel 作为表单（在阅读了一些被认为是最佳选择的页面之后）
我遇到的问题是我无法为 ng-select 预先选择一个值（以前我使用的是 select 组件，它运行良好。
因此，在创建表单中，我有 20 个不同类型的输入，一切都很好......当我尝试执行某些内容的编辑操作时会出现问题，因为我需要使用原始值预先填充所有输入。对于所有组件都可以，因为我将 formControlName 与要更新的实体的模型共享，但是对于 ng2-select 我收到以下错误：
ERROR TypeError: selectedItems.map is not a function
我在谷歌上搜索了可能的解决方案，但没有一个对我有用。也许因为我在另一个组件中使用了 ng-select ......
所以这是我的代码。这是路线：
ngOnInit() {
this.supplierService.get(this.item.id).subscribe( (response : JsonResponse)=> {
if(response.success){
this.item = response.data;
this.item.logo = this.supplierService.getImage(this.item);
this.getState();
}
else{
this.error = response.code;
}
});
如您所见，首先我得到项目（要编辑的对象）。然后我得到状态（将在 ng-select 中显示为选项的项目
在我得到状态之后，我创建了 formControl：
this.form = new FormGroup({
name: new FormControl(this.item.name,Validators.required),
last_name: new FormControl(this.item.last_name, Validators.required),
fantasy_name: new FormControl(this.item.fantasy_name, Validators.required),
real_name: new FormControl(this.item.real_name, Validators.required),
state: new FormControl(this.item.state ? this.item.state : '', Validators.required),
city: new FormControl(this.item.city ? this.item.city : '', Validators.required),
phone: new FormControl(this.item.phone),
fax: new FormControl(this.item.fax),
discount: new FormControl(this.item.discount),
address: new FormControl(this.item.address),
apartment: new FormControl(this.item.apartment),
cuit: new FormControl(this.item.cuit, Validators.required),
email: new FormControl(this.item.email, Validators.required),
floor: new FormControl(this.item.floor),
mobile_phone : new FormControl(this.item.mobile_phone)
});
最后，我为每个输入创建组件，这里有状态示例：
let state : InputForm = new InputForm();
state.setSelect("state", 'COMPONENT.COMMON.STATE', this.states, 6);
this.formElement.elements.push(state);
在那里我设置这个组件将是一个选择，我第一个参数是formControlName中的名称（这样，它知道哪个是formCONtrolName，所以它可以将此值设置为默认值或在提交时分配新的值。然后，标签，然后是要显示的项目列表（最后一个参数是输入的大小）。
这是我的组件对应于选择的模板：
<ng-select *ngIf="element.type == 'select' && (element.items && element.items.length > 0)" (typed)="typed(element.id, $event)" formControlName="{{element.id}}" [allowClear]="true" [items]="element.items" (selected)="change(element.id, $event)" id="{{element.id}}" (removed)="removed($event)" (typed)="typed($event)" placeholder="{{element.placeholder | translate}}"></ng-select>
我尝试使用 [active]、[data]、[initData] 但没有任何效果。我总是得到错误
ERROR TypeError: selectedItems.map is not a function
我不知道我是否应该以其他方式分配默认值。错误在行
this._active = selectedItems.map(function (item)
而在这种情况下， selectedItems 是 State 类型（我的自定义类型），我不知道在此之前是否应该进行转换。该类型具有 id 和 text 值。
总之，错误只是在“编辑”操作中。我的意思是，当元素具有预选的值时，如果没有，它可以正常工作。
我正在使用角度 4.3.3
从失败的行中查看下图：
在那里您可以看到对象已发送，并且 map 函数也未定义。