Tailwind Button disable / formGroup invalid

<button
          type="submit"
          [disabled]="formGroup.invalid"
          (click)="submit()"
          [ngClass]="{'cursor-pointer bg-primary hover:bg-primary-300': formGroup.valid,
          '  cursor-not-allowed bg-gray-400' : formGroup.invalid}"
          class="px-3 py-2 text-white rounded-md"
          >등록</button
        >

1. 앵귤러 제공 ngClass 디렉티브를 활용하여 조건에 따라 등록 버튼을 막을 수 있습니다.