如何使用ngx-chips设置初始值

Question

我在设置tag-input的初始值时遇到了问题。当admin单击编辑按钮时，tag-input必须从database获得一些初始值。我该怎么做呢？下面是我的代码示例：

<tag-input formControlName="ticketTypes">
  <tag-input-dropdown
    [showDropdownIfEmpty]="true"
    [dynamicUpdate]="false"
    [focusFirstElement]="true"
    [displayBy]="'name'"
    [identifyBy]="'name'"
    [autocompleteItems]="ticketType"
 >
   <ng-template let-item="item" let-index="index">
     {{ item.name }}
   </ng-template>
 </tag-input-dropdown>
</tag-input>

以下是一些T：

setHall() {
    if (this.halls !== undefined) {
      this.loadFirst = false;
      this.halls.forEach(hall => {
        console.log(hall.ticketTypes);
        this.formArray.push(
          this.fb.group({
            name: hall.name,
            availableWindowCount: hall.availableWindowCount,
            totalWindowCount: hall.totalWindowCount,
            ticketTypes: []
          })
        );
      });
    }
  }

当用户点击编辑按钮时，上面的函数被调用，它抛出一些数据并将其设置在表单组上。但我需要在tag-input中设置一些值。我真正想要的是当用户点击编辑按钮时，标签输入上的一些初始值。我做错了什么？

Answer 1

有一个(onFocus)="onInputFocused($event)"事件。在那里，您可以调用您的服务器并使用检索到的示例数据填充表单。例如。

this.service.getTicketTypes().then(tt=>{
    this.form.controls.ticketTypes.setValue(JSON.parse(tt));
})