0

Estoy tratando de dar la propiedad style.marginTop.px a mi html cargando el valor de una variable angular. Algo así:

Template:

 <div class="map-container">
  <div class="map">
  <div class="marcador" [style.marginTop.px]="top" [style.marginLeft.px]="left"><b>X</b></div>
</div>

Component:

private moveTheMark(place: any): void {
    switch(place) {
      case '0':
        this.top = '163px';
        this.left = '420px';
        break;
      case '1':
        this.top = '165px';
        this.left = '467px';
        break;

    }
  }

A la función moveTheMark se le llama en el ngOnChanges y modifica el valor de top y left en función del parametro place. Sin embargo no consigo hacerlo funcionar. ¿Alguna idea?

2
  • ¿que versión de angular estas usando? el 21 mar. 2018 a las 15:54
  • Actualmente uso la versión 5 de angular.
    – Findelias
    el 21 mar. 2018 a las 16:11

1 respuesta 1

3

Estas usando mal la directiva de style intenta quitando el px algo asi

    <div class="map-container">
        <div class="map">
            <div class="marcador" [style.marginTop]="top" [style.marginLeft]="left">
             <b>X</b>
           </div>
      </div>
   </div>

Estas agregando de mas el valor px a la directiva

1
  • Tal cual. Yo creo que de tanto buscar he acabado mezclando conceptos. Funciona perfecto, muchas gracias!.
    – Findelias
    el 21 mar. 2018 a las 16:26

Tu Respuesta

By clicking “Publica tu respuesta”, you agree to our terms of service and acknowledge you have read our privacy policy.

¿No es la respuesta que buscas? Examina otras preguntas con la etiqueta o formula tu propia pregunta.