show hide menu on multiple places based on user role in angular

Question

How to show hide menu on multiple places based on user role in angular?

Sachin Singh · Accepted Answer

if you have to apply conditions in multiple places, then it is better to use directives. import { TemplateRef, ViewContainerRef } from  '@angular/core' ;   import { Directive } from  '@angular/core' ;   import { EmployeeService } from  './employee.service' ;      @Directive({     selector:  '[appMyStructural]'    })   export  class  MyStructuralDirective {        constructor( private  _tR:TemplateRef ,         private  _VCR:ViewContainerRef,         private  _employeeService:EmployeeService                )      {          if ( this ._employeeService.Authorize())        {         this ._VCR.createEmbeddedView( this ._tR);        } else {           this ._VCR.clear();        }      }      }   here Authorize() will be present in your service.  now you can use this directive in multiple places