Привязка списка CheckBox от ID в угловых 6

Question

Я использую список чекбокс, вот мой список

   <div *ngFor="let x of rolesArr">
   <input type="checkbox" value="{{x.Id}}" (change)="changeModel($event, rolesArr, x.Id)" [(ngModel)]="x.checked" formControlName="Roles" />
 <label>{{x.Name}}</label>
</div>

и массив, который я использую для привязки:

this.rolesArr = [
            { Id: 1, Name: 'Role-Send Push Notification'},
            { Id: 2, Name: 'Role-Course Creation and Preview'},
            { Id: 3, Name: 'Role-Course Publishing'},
            { Id: 4, Name: 'Role-Mobile User Management'},
        ];

Я сохраняю значения, разделенные запятыми, в базу данных, и пока я получаю значения, я не могу связать их снова Я получаю значения как это '1', '2' Так как же я могу связать список флажков, используя его Id