Angular Structural Directive - Hide element base on condition

is-authenticated.directive.ts

import {
  Directive,
  TemplateRef,
  ViewContainerRef,
  OnInit,
} from "@angular/core";
import { AuthService } from "./auth.service";

@Directive({
  selector: "[isAuthenticated]",
})
export class IsAuthenticatedDirective implements OnInit {
  constructor(
    private viewContainer: ViewContainerRef,
    private tpl: TemplateRef<any>,
    private auth: AuthService
  ) {}

  ngOnInit() {
    this._createView();
  }

  private _createView() {
    if (this.auth.isAuthenticated()) {
      this.viewContainer.createEmbeddedView(this.tpl);
    } else {
      this.viewContainer.clear();
    }
  }
}