Angular 4中的SetValue控件ngui-auto-complet

Question

我想知道是否可以像搜索时在select中一样将数据加载到输入中。 我正在做什么：保存表单数据，保存表单后，查询存储的数据并将其映射到相应的字段中，直到遇到 ngui-auto-type 字段在传递完整对象时会完全加载 [Object，Object] ，但是如果我仅添加名称，它将按原样显示。

但是问题是，在编辑字段时，仅名称不加载字段的数据。

我的域代码：

  <div class="form-group" id="2">
    <label class="textBlod">Profession: </label>
       <span class="textBigRed">*</span>
        <input ngui-auto-complete [source]="dataProfession" value-property-name="Id" formControlName="Profession"
                  display-property-name="Description" list-formatter="Description" class="form-control"  [attr.disabled]="blockForm">
  </div>

这是查询信息后在现场重新加载数据的方式：

 this.representativeComponent.dataProfession.forEach(elementProfe => {
      if (elementProfe.ClassPro === data.IdProfession) {
        this.representativeComponent.representativeComponentFrom.get('Profession').setValue(elementProfe);
      }
    });

这通过发送对象显示在字段中，如代码所示：

Answer 1

ngui-auto-complete要求您使用ngModel和source。

• ngModel，将自动完成结果分配给的任何变量
• 源，数组或字符串，必填。下拉列表的数据源

只需添加[(ngModel)]="yourVar"，您的代码就可以使用。

有关ngui-auto-complete的更多信息。

  

更新活动表单

对于反应式表单，请使用由[formControl]="yourVar"插入的[(ngModel)]="yourVar"。