toggle-btn.directive.ts 440 Bytes
Newer Older
Ooh-Ao committed
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18
import { Directive, ElementRef, Input } from '@angular/core';
import { fromEvent } from 'rxjs';

@Directive({
  selector: '[appToggleBtn]'
})
export class ToggleBtnDirective {
  // used in form Element component
  constructor( private element: ElementRef) { }
  
  ngOnInit(){
    fromEvent(this.element.nativeElement, 'click').subscribe(() => {
      //toogle on/off
      this.element.nativeElement.classList.toggle('on');
    });
  }

}