is-authorized.directive.ts

import {Directive,ElementRef,Input} from '@angular/core';
import {SecurityService} from './security.service';

@Directive({
    selector:'[isAuthorized]'
})
export class IsAuthorized {
    @Input('isAuthorized') role:string;
    constructor(private _elementRef:ElementRef, private securityService:SecurityService) {
    }

    ngOnInit():void {
      if(this.role && this.role.trim() !== '') {
        this.securityService.isAuthorized([this.role]).subscribe((isAuthorized:boolean) => {
          if(!isAuthorized) {
            let el : HTMLElement = this._elementRef.nativeElement;
            el.parentNode.removeChild(el);
          }
        },
          (error:any) => {
            console.log("Error in IsAuthorized directive [" + error + "]");
          });
      }
    }
}