attr.disabled not working angular dynamically code example

Example: attr.disabled not working in angular

css

.disabled-contenct {
  pointer-events: none;
  opacity: 0.4;
}

html
<div [class.disabled-contenct]="!isDisabledContent"></div>