benjamincharity
1/3/2018 - 7:47 PM

One-time-binding for Angular.

This directive will detach the ChangeDetectorRef simulating AngularJS one-time-binding.

usage.html
content_copyfile_download
Hello <ng-template oneTime>{{name}}</ng-template>!
one-time.ts
content_copyfile_download
@Directive({
  selector: '[oneTime]',
})
export class OneTimeDirective {
  constructor(template: TemplateRef<any>, container: ViewContainerRef, zone: NgZone) {
    zone.runOutsideAngular(() => {
      const view = container.createEmbeddedView(template);
      setTimeout(() => view.detach());
    })
  }
}