Angular 4 using nested *ngFor correctly

I am implementing an update webservice. For that I am fetching data from database and populating the form fields with it. The user then needs to edit the data and submit it to update the database. I need help implementing this with checkboxes. I am trying to use nested *ngFor to fetch 2 different webservices. "maintainanceTypeList" contains all the checkbox options and "defaultmaintainance" contains the options that were checked when user submitted the create form. As you can see I am trying to compare the id of the two and check the checkbox when the comparison returns true. My problem is that iterations of the nested loops now depend on how many objects my defaultmaintainance has which means same checkboxes are displayed multiple times. Any help would be appreciated. Thanks

        <label for="maintenancetype" class="text-3ab08b text-transform" style="margin-right: 1em;">Maintenance Type:</label>
    <span *ngFor="let x of maintainanceTypeList">
    <span  *ngFor="let y of defaultmaintainance">
    <md-checkbox *ngIf="x.isDeleted == 0"  name="" 
    [checked]="x._id == y._id" (change)="changeMaintainance($event.checked, x)" 
    value=""></md-checkbox>
      </span>
    </span>