Angular electron/browser open link directive #angular #angular1 #angular4 #angular5 #directive #electron

anchor.directive.ts

import { Directive, HostListener, Input } from '@angular/core';
import { ElectronService } from 'ngx-electron';

/**
 * @Usage: <a external href="https://www.gistoapp.com">link</a>
 * @dependencies: ngx-electron
 */

@Directive({
  selector: '[external]'
})
export class AnchorDirective {

  constructor(private electronService: ElectronService) {}

  @Input('href') href: string;

  @HostListener('click') onClick() {
    if (this.electronService.isElectronApp) {
      this.electronService.shell.openExternal(this.href);
      return false;
    } else {
      window.open(this.href, '_blank');
      return false;
    }
  }
}