adding custom angular checkBox

<div *ngFor="let conflictRule of conflictRulesMap1 | keyvalue, let p = index">
    <div *ngFor="let ruleContainer of conflictRule.value ,let k = index">
        <div align="left" class="existingRule">
         
               <!-- first CHECKBOX GOES HERE  -->
                <rule [changedConfigDataList]="getChangedConfigDataListConflict(conflictRule.key)"
                [configId]="conflictRule.key" [configLookupMetadata]="configLookupMetadata"
                [disableExpansion]="disableExpansion" [index]="k" [isSaveEnabled]="isSaveEnabled" [mode]="mode"
                [openState]="expandRules" [rule]="ruleContainer.updatedRule">
            </rule>
        </div>
        <div class="ruleSpearator"> OR </div>
        <div align="right" class="updatedRule">

             <!-- second  CHECKBOX GOES HERE  -->

            <rule [changedConfigDataList]="getChangedConfigDataListConflict(conflictRule.key)"
                [configId]="conflictRule.key" [configLookupMetadata]="configLookupMetadata"
                [disableExpansion]="disableExpansion" [index]="k" [isSaveEnabled]="isSaveEnabled" [mode]="mode"
                [openState]="expandRules" [rule]="ruleContainer.originalRule">
            </rule>
        </div>
        .
    </div>
</div>

here i want to add two checkBoxes at the mentioned place. The code is itearating a map for keys , then values for that corresponding key , only one of the two has to be selected..any help about forms or any way to do.