Estoy tratando de enviar un elemento getBoundingClientRect() a mi componente de esta manera:
<object [fromTop]="element.getBoundingClientRect().top"></object>En mi componente html, hago esto porque recibí una nota de que era "inseguro"
this.fromTop = this.sanitizer.bypassSecurityTrustStyle(this.fromTop); <div style="position:absolute;top:{{fromTop}}px;">Top:{{fromTop}}</div>Pero después de agregar el desinfectante, recibo el siguiente mensaje:
SafeValue debe usar [propiedad]=enlace:
¿Qué ocurre? ¿Cómo puedo dejar que mi objeto esté en una posición absoluta que sea igual a la parte superior: {{fromTop}}px?
{{}} es solo para vinculación de cadenas. Un valor saneado ya no es una cadena simple y si usa {{}} , el marcador de sanitización se elimina.
Debe desinfectar todo el valor del estilo y luego vincularlo a [style]="..."
pero una forma más angular sería usar enlaces o directivas angulares
<div [style.top.px]="fromTop" [style.position]="'absolute'">Top:{{fromTop}}</div> <div [ngStyle]="{top: fromTop + 'px', position: 'absolute'}">Top:{{fromTop}}</div>De esta manera no se requiere desinfección.