encuadernación angular 2 una vez

He encontrado la solución para un enlace de tiempo en angular 2 aquí: https://github.com/angular/angular/issues/14033

Creé esta directiva:

 import { Directive, TemplateRef, ViewContainerRef, NgZone } from "@angular/core";

@Directive({
    selector: '[oneTime]',
})
export class OneTimeDirective {
    constructor(template: TemplateRef<any>, container: ViewContainerRef, zone: NgZone) {
        zone.runOutsideAngular(() => {
            const view = container.createEmbeddedView(template);
            setTimeout(() => view.detach());
        })
    }
}

Y lo usó:

  <some-selector *oneTime [somePropertyToOneTimeBinding]="someValueToOneTimeBinding"></some-selector>

Por ejemplo:

     <iframe *oneTime [src]="myUrl"></iframe>

Actualmente, no se puede hacer un enlace único con Angular 2. Sin embargo, puede saber cuándo cambia su enlace y restablecer sus entradas.

Angular 2 proporciona un gancho de ciclo de vida de onChanges para el mismo. Necesita implementar la interfaz onChanges para obtener los cambios.

Vea el ejemplo de código a continuación donde, estoy almacenando la propiedad data-bound en una variable privada cuando se llama a OnInit.

export class Footer implements OnInit, OnChanges {
  @Input() public name: string;
  private privname: string;

  constructor() { }

  ngOnInit() {
    this.privname = this.name;
  }


  ngOnChanges(changes: { [key: string]: SimpleChange }): void {
    if (!changes["name"].isFirstChange()) {
        this.name = this.privname;
    }
  }
}

Más tarde, cuando se producen otros cambios, estoy configurando el valor a su valor antiguo en cambios posteriores.

Este mecanismo funciona como enlace.

Soluciones Alternativas: También puede usar una función setter para capturar los cambios.

ChangeDetectionStrategy.CheckOnce es la solución para este problema.

Esto se ha actualizado a OnPush ver también comentario en el código:

export declare enum ChangeDetectionStrategy {
    /**
     * `OnPush` means that the change detector's mode will be set to `CheckOnce` during hydration.
     */
    OnPush = 0,
    /**
     * `Default` means that the change detector's mode will be set to `CheckAlways` during hydration.
     */
    Default = 1,
}