ng-let.directive.ts

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

class NgxLetContext {
  ngxLet: any;
}

/*
 * Example usage
 * <ng-container *ngxLet="person$ | async as person">
 *   <h1>{{person.name}}</h1>
 *   <p>{{person.description}}</p>
 * </ng-container>
 */

@Directive({
  selector: '[ngxLet]'
})
export class NgxLetDirective {
  private _context: NgxLetContext = new NgxLetContext();

  constructor(
    viewContainerRef: ViewContainerRef,
    templateRef: TemplateRef<NgxLetContext>
  ) {
    viewContainerRef.createEmbeddedView(templateRef, this._context);
  }

  @Input()
  set ngxLet(value: any) {
    this._context.ngxLet = value;
  }
}