fix(button): fix dynamic disabled button

A-l-y-l-e · Dec 10, 2018 · 4203625 · 4203625
1 parent a755386
commit 4203625
Show file tree

Hide file tree

Showing 2 changed files with 36 additions and 5 deletions.
diff --git a/src/lib/button/button.module.ts b/src/lib/button/button.module.ts
@@ -1,9 +1,9 @@
 import { NgModule } from '@angular/core';
 import { LyCommonModule } from '@alyle/ui';
-import { LyButton } from './button';
+import { LyButton, LyAnchor } from './button';
 
 @NgModule({
-  exports: [LyButton, LyCommonModule],
-  declarations: [LyButton]
+  exports: [LyCommonModule, LyButton, LyAnchor],
+  declarations: [LyButton, LyAnchor]
 })
 export class LyButtonModule { }
diff --git a/src/lib/button/button.ts b/src/lib/button/button.ts
@@ -55,7 +55,7 @@ mixinBg(
                 mixinDisableRipple(LyButtonBase)))))))));
 
 @Component({
-  selector: '[ly-button]',
+  selector: 'button[ly-button]',
   changeDetection: ChangeDetectionStrategy.OnPush,
   templateUrl: 'button.html',
   inputs: [
@@ -67,7 +67,10 @@ mixinBg(
     'elevation',
     'shadowColor',
     'disableRipple'
-  ]
+  ],
+  host: {
+    '[disabled]': 'disabled'
+  }
 })
 export class LyButton extends LyButtonMixinBase implements OnChanges, OnInit, AfterViewInit, OnDestroy {
   /**
@@ -193,3 +196,31 @@ export class LyButton extends LyButtonMixinBase implements OnChanges, OnInit, Af
     this._removeRippleEvents();
   }
 }
+
+@Component({
+  selector: 'a[ly-button]',
+  changeDetection: ChangeDetectionStrategy.OnPush,
+  templateUrl: 'button.html',
+  inputs: [
+    'bg',
+    'color',
+    'raised',
+    'disabled',
+    'outlined',
+    'elevation',
+    'shadowColor',
+    'disableRipple'
+  ]
+})
+export class LyAnchor extends LyButton {
+  constructor(
+    _el: ElementRef,
+    _renderer: Renderer2,
+    _theme: LyTheme2,
+    _ngZone: NgZone,
+    _rippleService: LyRippleService,
+    _focusState: LyFocusState,
+  ) {
+    super(_el, _renderer, _theme, _ngZone, _rippleService, _focusState);
+  }
+}