Я не могу установить предел выбора в раскрывающемся списке множественных выборок Angular6 - PullRequest
Новая
       33

Я не могу установить предел выбора в раскрывающемся списке множественных выборок Angular6

0 голосов
/ 28 февраля 2019

Я использую PrimeNG и не могу ограничить выбор из выпадающих значений.Пожалуйста, помогите.

Компонент: 

import {SelectItem} from 'primeng/api';

interface City {
    name: string,
    code: string
}

export class MyModel {

cities1: SelectItem[];

cities2: City[];

selectedCities1: City[];

selectedCities2: City[];

constructor() {
    //SelectItem API with label-value pairs
    this.cities1 = [
        {label:'New York', value:{id:1, name: 'New York', code: 'NY'}},
        {label:'Rome', value:{id:2, name: 'Rome', code: 'RM'}},
        {label:'London', value:{id:3, name: 'London', code: 'LDN'}},
        {label:'Istanbul', value:{id:4, name: 'Istanbul', code: 'IST'}},
        {label:'Paris', value:{id:5, name: 'Paris', code: 'PRS'}}
    ];

    //An array of cities
    this.cities2 = [
        {name: 'New York', code: 'NY'},
        {name: 'Rome', code: 'RM'},
        {name: 'London', code: 'LDN'},
        {name: 'Istanbul', code: 'IST'},
        {name: 'Paris', code: 'PRS'}
    ];
}

}

HTML: 

<p-multiSelect [options]="cities" formControlName="selectedCities"></p-multiSelect>

Как использовать selectionLimit атрибут здесь, чтобы ограничить количество checkBoxes

Пожалуйста, обратитесь https://www.primefaces.org/primeng/#/multiselect

1 Ответ

0 голосов
/ 28 февраля 2019

Вы можете использовать [selectionLimit], чтобы ограничить выбор, например: 

<p-multiSelect [options]="cities2" [selectionLimit]="2" [(ngModel)]="selectedCities2" optionLabel="name"></p-multiSelect>

В приведенном выше примере вы можете выбрать только два элемента.

См. Следующий пример stackBlitz

stackblitz

...