JAVASCRIPT

disable all element in div angular 12

<div formGroupName="address" [ngClass]="{'disableDiv': isDisabled}">
<label class="accordion-header">Address:</label>
  <input type="radio" name="address" value="true" formControlName="address" [checked]="settingsForm.controls.address.controls.booleanAddress.value === 'true'">Inherit
  <input type="radio" name="address" value="false" formControlName="address" [checked]="settingsForm.controls.adddress.controls.booleanAddress.value === 'false'">Override

    css
    
    .disableDiv{
    pointer-events:none;
}