angular - 在 ngx-chips 中的 Tab 和 Spacebar 事件上动态添加标签

Question

请任何人告诉我如何在 ngx-chips 的 Tab 和 Spacebar 事件上动态添加标签。

Answer 1

使用separatorKeyCodes (number[]) 或separatorKeys (string[])

 <div class="force-to-the-bottom">
  <tag-input [ngModel]="['hardocoded-item']" [separatorKeyCodes]="[32,9]">
  <tag-input-dropdown
    [autocompleteItems]="items"
    [showDropdownIfEmpty]="true"
    [dynamicUpdate]="false">
 </tag-input-dropdown>

https://stackblitz.com/edit/ngx-chips-example-miqu3i?file=app%2Fshared%2Ftag-input%2Ftag-input.component.html