primeNG 多选更改时未在切屑移除时触发

Question

下面是我的代码示例。primeng 多重选择是 primeng 下拉列表的来源：

HTML：

<p-multiSelect [options]="elements" [(ngModel)]="selectedElements" optionLabel="name" display="chip"
  (onChange)="onElementChange($event)"></p-multiSelect
  
<p-dropdown [options]="availableElements" [(ngModel)]="selectedElement" optionLabel="elementID"
      placeholder="Select an Element"></p-dropdown>

TS：

onElementChange(event) {
  this.availableElements = [];
  this.availableElements = event.value;
}

从多选下拉列表中选择元素完全有效，但是当我从多选芯片中删除元素时，不会触发 onChange 事件：

如何触发onChange？这是一个不受支持的事件吗？提前致谢。

Answer 1

它被认为是组件的错误，因为当您删除它时内部状态已更新...因此暂时您需要使用onClick事件和模板变量来更新状态以获取组件值。

<p-multiSelect [options]="cities" 
        [(ngModel)]="selectedCities2" 
        defaultLabel="Select a City" optionLabel="name"
        display="chip" 
        (onClick)="selectedCities2 = elm.value" 
        #elm>
</p-multiSelect>


{{selectedCities2| json}}

堆栈闪电战演示