Multi Check Box Создание в цикле и получение значения

Question

Я пытаюсь найти лучший вариант для использования флажка, в котором вы можете сделать множественный выбор, и когда вы открываете форму в режиме редактирования, все выбранные значения показывают отмеченные отметки

любые предложения приветствуются

* Я пытаюсь отправить флажок с несколькими вариантами выбора, но я могу изменить его, он не отображает выбранный флажок, если кто-нибудь, пожалуйста, помогите мне *

Или вы можетеПомогите мне с Multi Select флажок с formcontrolName где сохранить и просмотреть Значение формы

HTML-код

    <tr *ngFor="let roleObj of roleNameList" class="outer-border">
                    <td id="tag" class="text-center">
                      <mat-checkbox (change)="selectRoleID($event)" ng-selected="true"  [(ngModel)]="checked" [id]=roleObj.roleId value="{{roleObj.roleId}}"></mat-checkbox>
                      <td id="tag">{{roleObj.roleName}}</td>
                      <td id="tag">For {{roleObj.roleName}} Users</td>
                  </tr>

здесь я получаю значениеиз флажка для отправки машинописный код

onSubmitMethod() {
    let roleObj: any = {};
    roleObj['userId'] = this.getUserId;
    roleObj['roleId'] = this.selectedRoleNameList;
    this.newService.setUserRoleWrapperDetails(roleObj)
      .subscribe(data => {
        if (data.id == null) {
          alert("Role Not Assign");
        }
        else {
          alert("Your Data  has been updated successfully!!! ");
          this.newService.pageRefresh();
        }
      });
  }



selectRoleID(event) {
    console.log(event);
    console.log(event.checked);
    console.log(event.source);
    console.log(event.source.value);

    let checkBoxevent = event.checked;
    let selectedValue = event.source.value;
    if (checkBoxevent) {
      this.selectedRoleNameList.push(selectedValue);
    }
    else {
      const index: number = this.selectedRoleNameList.indexOf(selectedValue);
      if (index !== -1) {
        this.selectedRoleNameList.splice(index, 1);
      } 
    }

  }