Merge pull request #24 from rengert/disable-when-loading

feat: disable the button while loading
dkreider · Feb 1, 2024 · 5e3cde0 · 5e3cde0
2 parents 3efbbcc + f590246
commit 5e3cde0
Showing 1 changed file with 5 additions and 1 deletion.
diff --git a/projects/ngx-loading-buttons/src/lib/mat-basic-spinner.directive.ts b/projects/ngx-loading-buttons/src/lib/mat-basic-spinner.directive.ts
@@ -1,4 +1,4 @@
-import { Directive, HostBinding, Input } from '@angular/core';
+import { Directive, ElementRef, HostBinding, Input } from '@angular/core';
 
 @Directive({
   selector: '[mtBasicSpinner]',
@@ -9,6 +9,8 @@ export class MatBasicSpinnerDirective {
   @Input() set mtBasicSpinner(loading: boolean) {
     this.loading = loading
     if (this.hideText) this.textHidden = loading
+
+    this.elem.nativeElement.disabled = loading;
   }
 
   @HostBinding('class.mat-spinner')
@@ -22,4 +24,6 @@ export class MatBasicSpinnerDirective {
     return this.mtBasicSpinner;
   }
 
+  constructor(private readonly elem: ElementRef<HTMLButtonElement>) {
+  }
 }