Ngx芯片填充了<tag-input>，但未显示动态提供的“名称”或“ id”

Question

我正在使用ngx-chips，下面的代码是填充建议tag-input字段。

<div *ngFor="let field of fields; let i=index">
    <label class="pt-3 font-600">{{field.label}} {{field.id}}</label>
    <tag-input
      [identifyBy]="'id'"
      [inputClass]="riProSuggestionField"
      [displayBy]="'name'"
      (onFocus)="onFocusInput($event)"
      [placeholder]="field.placeholder"
      [(ngModel)]="field.data"
      [inputId]="field.id"
      [onlyFromAutocomplete]="true"
      name="{{field.label}}"
    >
      <tag-input-dropdown
      [autocompleteObservable]="getSuggestions"

      </tag-input-dropdown>
    </tag-input>
  </div>

在上面的代码中，我有多个字段，并通过执行ngFor来填充它，在此过程中，我尝试为每个标记输入使用不同的名称，因为我必须为每个单独的输入标记获取不同的字段数据。只有一个名为autoCompleteObservable的{​​{1}}函数，该函数将相应于当前关注的领域。

我的getSuggestions代码是获取单击了哪个输入的

.ts

我想获得重点关注的onFocusInput(data) { const focusedElement = document.getElementsByClassName('ng2-tag-input--focused'); console.log('Focused element', focusedElement); } 的名称，以便根据这个名称<tag-input></tag-input>。