angular6 - PrimeNg 多选下拉所有复选框行为不一致

Question

html代码：

<p-multiSelect [options]="selectOptions" maxSelectedLabels="1" defaultLabel="Select" [(ngModel)]="selectedOptions" styleClass="multiselect-mobileregulation-width"></p-multiSelect>

角组件：

import { Component, OnInit } from '@angular/core';

@Component({
    selector: 'app-component-view',
    templateUrl: './component-view.component.html',
    styleUrls: ['./component-view.component.scss']
})
export class ComponentViewComponent implements OnInit {
    selectOptions: SelectItem[];
    selectedOptions: any;
    ngOnInit() {
            this.selectOptions = [{label: 'Chennai', value: 'chennai'},
            {label: 'Mumbai', value: 'mumbai'},
            {label: 'Mumbai Delhi', value: 'mumbai delhi'},
            {label: 'Kolkatta', value: 'kolkatta'}];
    };
};

步骤1。在下拉列表中选择一个项目

第2步。搜索另一个项目 (chennai) 现在自动选中所有复选框。

第三步。现在检查项目 (chennai) 所有复选框选择已删除。

我不知道它为什么会这样，任何人都请给出解决方案来解决这个问题。

预先感谢。

Answer 1