setting defaultValue to p-multiselect - html

Question

my code looks like below
export class LkBoardStatus {
id : number = 0;
descr : string = '';
}
component.ts
//...
lkBoardStatusList: LkBoardStatus[] = [];
selectedStatus: LkBoardStatus = new LkBoardStatus;
ngOnInit():void {
this.loadBoardStatusList();
../
}
loadBoardStatusList(){
this.boardService.loadBoardStatus().subscribe( posts =>{
this.data = posts;
console.log('loadBoardStatusList',this.data);
},
error => {
console.log('loadBoardStatusList - error',error);
this._errorService.handleError(error);
},
() => {
this.lkBoardStatusList = this.data.boardStatusLi;
for(let i=0; i<this.lkBoardStatusList.length; i++){
if(this.lkBoardStatusList[i].id == 70){
this.selectedStatus = this.lkBoardStatusList[i];
}
}
console.log(this.selectedStatus);
});
}
Here I have selectedStatus which is assigned a value of '70' as in for loop.
My comopnent.html is below
<th *ngSwitchCase="'statusObj'" [colSpan] = "2" style="text-align:center">
<p-multiSelect [options]="lkBoardStatusList" optionLabel="descr" [(ngModel)]="selectedStatus" defaultLabel="Select" (onChange)="dt.filter($event.value, col.field, 'in')"></p-multiSelect>
The inspect element gives me the correct object for selectedStatus but onLoad the value is not getting defaulted to 70. Where am I going wrong? Suggestions please.TIA

Answer 1

selectedStatus must be an array.
Try to replace
for(let i=0; i<this.lkBoardStatusList.length; i++){
if(this.lkBoardStatusList[i].id == 70){
this.selectedStatus = this.lkBoardStatusList[i];
}
}
with
this.selectedStatus = this.lkBoardStatusList.filter(item => item.id == 70);