worker-calendar/src/lib/directives/ng-var.directive.ts

A customizable, responsive Angular calendar component for scheduling worker appointments or shifts

import { Directive, Input, TemplateRef, ViewContainerRef } from '@angular/core';

// This directive allows using of variables in templates
@Directive({
  selector: '[ngVar]'
})
export class NgVarDirective {
  @Input()
  set ngVar(context: any) {
    this.viewContainer.clear();
    if (context !== null && context !== undefined) {
      this.viewContainer.createEmbeddedView(this.templateRef, { $implicit: context });
    }
  }

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