disable all element in div angular 12

The solution for this is noted below

disable all element in div angular 12

Solution

<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;
}

Try other methods by searching on the site. That is if this doesn’t work