Angular6 Priming multiselect下拉列表“所有”复选框行为不一致
Html代码:Angular6 Priming multiselect下拉列表“所有”复选框行为不一致,angular6,primeng,primeng-dropdowns,Angular6,Primeng,Primeng Dropdowns,Html代码: <p-multiSelect [options]="selectOptions" maxSelectedLabels="1" defaultLabel="Select" [(ngModel)]="selectedOptions" styleClass="multiselect-mobileregulation-width"></p-multiSelect>
<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'}];
};
};
第一步。在下拉列表中选择一项
第二步。搜索其他项目(金奈)现在自动选中所有复选框
第三步。现在选中项目(金奈)所有复选框选择已删除
我不知道它为什么会这样,任何人请给出解决方案
感谢您的支持。无论当前选择如何,
toggleAll
方法都可以作为“获取所有当前选项的列表”(受过滤器影响)toggleAll
方法将创建一组新的选定项
如果我选择了chennai,那么现在就通过输入mumb
选项进行搜索
{label: 'Mumbai', value: 'mumbai'},
{label: 'Mumbai Delhi', value: 'mumbai delhi'},
然后单击“切换所有”将选择值设置为[“孟买”、“孟买德里”]
,这将删除以前选择的值
这是toggle all方法
toggleAll(事件:事件){
if(this.isAllChecked()){
if(this.disabledSelectedOptions&&this.disabledSelectedOptions.length>0){
设值=[];
值=[…this.disabledSelectedOptions];
这个值=值;
}
否则{
this.value=[];
}
}
否则{
让opts=this.getVisibleOptions();//方法作为获取所有当前选项的列表(受过滤器影响)toggleAll
方法将创建一组新的选定项,而不管当前选择如何
如果我选择了chennai,那么现在就通过输入mumb
选项进行搜索
{label: 'Mumbai', value: 'mumbai'},
{label: 'Mumbai Delhi', value: 'mumbai delhi'},
然后单击“切换所有”将选择值设置为[“孟买”、“孟买德里”]
,这将删除以前选择的值
这是toggle all方法
toggleAll(事件:事件){
if(this.isAllChecked()){
if(this.disabledSelectedOptions&&this.disabledSelectedOptions.length>0){
设值=[];
值=[…this.disabledSelectedOptions];
这个值=值;
}
否则{
this.value=[];
}
}
否则{
让opts=this.getVisibleOptions()//