Select the checkbox using pre-selected data in angular6

Question

I want to display a list of roles in the checkbox , If a role has already been selected, the checkbox is selected .

i using this code for return the rolesId :

this.Adu.optionId=this.selectedEdit;
this.otionService.GetRolesfoOptionsID(this.Adu).subscribe((data)=>{
  data.forEach(el=>{
    this.selectRoleValue.push(el);

  })
  console.log(this.selectRoleValue)
})

this code is work and fill the this.selectRoleValue with role has already been selected But the checkbox is not selected.

and in HTML:

  <div *ngFor="let role of roles">
    <p-checkbox id="checkbox" value="{{role.id}}" [(ngModel)]="selectRoleValue" label="{{role.description}}" ></p-checkbox>
  </div>

whats the problem ? how can i solve this problem ?

Answer 1

You would push id with string format to selectRoleValue

this.selectRoleValue.push(el + '');