tsIfRole structural directive

if-role.directive.ts

import { Directive, Input, OnInit, TemplateRef, ViewContainerRef } from '@angular/core';
import { UserService } from './user.service';
import { UserRole } from '../shared/models/user-role';

@Directive({
  selector: '[tsIfRole]'
})
export class IfRoleDirective implements OnInit {
  role: UserRole;

  constructor(private templateRef: TemplateRef<any>,
              private userService: UserService,
              private viewContainer: ViewContainerRef) {
  }

  ngOnInit() {
    this.userService.isAuthenticated.subscribe(
      (isAuthenticated) => {
        if (isAuthenticated && this.userService.getCurrentUser().roles.includes(this.role)) {
          this.viewContainer.createEmbeddedView(this.templateRef);
        } else {
          this.viewContainer.clear();
        }
      }
    );
  }

  @Input() set tsIfRole(role: UserRole) {
    this.role = role;
  }

}