Javascript Angular-OnSelected函数不适用于标记输入

我用的是ngx芯片，但我不能实现OnSelected功能

在我的app.component.html中，我有以下内容：

<div class="force-to-the-bottom">
  <tag-input [ngModel]="[]" 
  (onSelect)="onSelected($event)"
  (onRemove)="onItemRemoved($event)">
    <tag-input-dropdown
      [autocompleteItems]="items"
      [showDropdownIfEmpty]="true"
      [dynamicUpdate]="false"            
    >
    </tag-input-dropdown>
  </tag-input>
</div>

非常奇怪的是，onItemRemoved可以正常工作，而onSelected不能开火

这是我的

我不明白我做错了什么

有人能帮我吗

---

谢谢

我想你只是混淆了onAdd和onSelect事件。也许你要找的是ngx芯片的onAdd事件。这里是指向所有输出事件的链接

<tag-input [ngModel]="[]" (onAdd)="onAdded($event)" (onSelect)="onSelected($event)" (onRemove)="onItemRemoved($event)">
    <tag-input-dropdown
      [autocompleteItems]="items"
      [showDropdownIfEmpty]="true"
      [dynamicUpdate]="false"            
    >
    </tag-input-dropdown>
  </tag-input>

这是

---

如果您看到Stackblitz，您的onSelect也可以正常工作。它只是一个事件，当您在标记添加到输入后单击该标记时触发。混淆命名，我知道。

我想你只是混淆了onAdd和onSelect事件。也许你要找的是ngx芯片的onAdd事件。这里是指向所有输出事件的链接

<tag-input [ngModel]="[]" (onAdd)="onAdded($event)" (onSelect)="onSelected($event)" (onRemove)="onItemRemoved($event)">
    <tag-input-dropdown
      [autocompleteItems]="items"
      [showDropdownIfEmpty]="true"
      [dynamicUpdate]="false"            
    >
    </tag-input-dropdown>
  </tag-input>

这是

---

如果您看到Stackblitz，您的onSelect也可以正常工作。它只是一个事件，当您在标记添加到输入后单击该标记时触发。混乱的命名，我知道。

您是否单击添加的芯片？onSelect是当您单击已添加的芯片时触发的，而不是当您从列表中选择一个项目时触发的。如果我单击已添加的芯片，它会工作。你是对的。但我想要的是，在从下拉列表中选择的项目上启动功能，您是否单击添加的芯片？onSelect是当您单击已添加的芯片时触发的，而不是当您从列表中选择一个项目时触发的。如果我单击已添加的芯片，它会工作。你是对的。但我想要的是，在从下拉列表中选择的项目上启动“谢谢”功能。现在一切正常。问题是，在onAdded上，我试图打开一个模式窗口，但出现了以下错误：ExpressionChangedTerithasBeenCheckedError:表达式在检查后已更改。上一个值：“ng2标记输入焦点：true”。当前值：“ng2标记输入焦点：false”。通常，ExpressionChangedTerithasBeenCheckedError是最难调试的。但大多数情况下，它会缩小到您更改某个库已经更改的值的范围。不过，这应该是另一个有更多背景的问题。谢谢。现在一切正常。问题是，在onAdded上，我试图打开一个模式窗口，但出现了以下错误：ExpressionChangedTerithasBeenCheckedError:表达式在检查后已更改。上一个值：“ng2标记输入焦点：true”。当前值：“ng2标记输入焦点：false”。通常，ExpressionChangedTerithasBeenCheckedError是最难调试的。但大多数情况下，它会缩小到您更改某个库已经更改的值的范围。不过，这应该是另一个有更多背景的问题。

onAdded($event: any) {
    console.log("Fire Added");
  }