我正在使用PrimeNG
中的multiselect模块。我正在从文档中复制以下代码:
export class AppComponent {
title = 'DataShit';
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'}
];
}
}
现在我在我的组件中使用以下标记渲染cities2
。
<p-multiSelect [options]="cities2" [(ngModel)]="selectedCities2" defaultLabel="Select your city">
<ng-template let-city pTemplate="item">
{{city.name}}
</ng-template>
</p-multiSelect>
现在我的问题是:我可以根据某些条件预先检查一些复选框吗?(例如:以'S'开头的城市或不同的过滤器)
是的你可以。
您需要使用[(ngModel)]="selectedCities2"
绑定所选数据,这样您就可以显示多选中填充的预选数据。
例如 -
selectedCities2 = ['NY', 'RM'];