如何使用ng-2智能表创建和编辑自动完成

Question

因此，这里我绑定来自数组(即nameAutocompletee )的数据，但我想从表数据源绑定的Api绑定数据。“自动完成”在硬编码数组中运行良好，但在编辑模式下，它不会保留其实际值。

1. 这是我的html ”
2. 这是我的component.ts文件 资料来源: LocalDataSource；nameAutocompletee ={ id: 1，名称：‘仓库1'，}，{ id: 1，名称：’仓库2'，}，{ id: 1，名称：‘仓库23'，}，{ id: 1，名称：’仓库12'，}，{ id: 1，名称：‘仓库5'，}；addButtonContent={ add：{Add：‘createButtonContent：''，cancelButtonContent：''，confirmCreate: true，}，编辑：{ editButtonContent：’，saveButtonContent：‘，cancelButtonContent：’，confirmSave: true，}，删除：{ deleteButtonContent：''，confirmDelete: true，}，列：{ name：{ title：'Name'，type：'html'，编辑器：{ type：‘完备’，config：{ editor：{ data: this.nameAutocompletee，searchFields：'name'，titleField：'name‘}，地址：{ title：'Address'，键入：'html'，}；构造函数( this.orderManagerService.GetCreateNewOrders().subscribe(res orderManagerService: OrderManagerService) { this.GetCompanyDetails()；} ngOnInit() { this.GetCompanyDetails()；} GetCompanyDetails() {GetCompanyDetails => { this.source =新LocalDataSource()；this.source.load(res.createOrders)；}，)；}

在这里，我想绑定来自Api的数据，因为表数据是bind，但是我不知道如何绑定它，因为在文档中没有明确提到它。

Answer 1

您可以做的是，当您的API的承诺或可观察性完成时，设置settings.editor.config.completer.data对象值。

this.someService().getNameAutoComplete().then(res =>{ this.settings.editor.config.completer.data = res});

调用构造函数或OnInit中的服务。