¿Cómo vincular la variable estática del componente en HTML en angular 2?

Solución:

El alcance de las expresiones de enlace en una plantilla de componentes es la instancia de la clase de componentes.

No puede referirse directamente a globales o estáticas.

Como solución alternativa, puede agregar un captador a su clase de componentes

export class UrlComponent {

  static urlArray;
  constructor() {
    UrlComponent.urlArray = "Inside Contructor";
  }

  get staticUrlArray() {
    return UrlComponent.urlArray;
  }

}

y utilícelo como:

<div>
  url works! {{staticUrlArray}}
</div>

Para evitar que las llamadas angulares obtengan staticUrlArray en cada ciclo, puede guardar una referencia de clase en el ámbito público del componente:

export class UrlComponent {

  static urlArray;

  public classReference = UrlComponent;

  constructor() {
    UrlComponent.urlArray = "Inside Contructor";
  }

}

Y luego puedes usarlo directamente:

<div>
  url works! {{ classReference.urlArray }}
</div>

---

---

Utiliza Nuestro Buscador