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}}

stackblitz demo

primeNG 多选更改不会在芯片移除时触发

primeNG multiselect on change not triggered on chips removal

angular

typescript

primeng

multi-select