Angularjs   发布时间:2022-04-20  发布网站:大佬教程  code.js-code.com
大佬教程收集整理的这篇文章主要介绍了angular – 警告:SafeValue必须使用[property] = binding大佬教程大佬觉得挺不错的,现在分享给大家,也给大家做个参考。
我试图以这种方式将元素getBoundingClientRect()发送到我的组件:

<object [fromTop]="element.getBoundingClientRect().top"></object>

在我的组件html中我这样做,因为我得到一个说明它“不安全”

this.fromTop = this.sanitizer.bypassS@L_450_1@TrustStyle(this.fromTop);

<div
style="position:absolute;top:{{fromTop}}px;">Top:{{fromTop}}</div>

添加消毒剂后,我收到以下消息:

怎么了?如何让我的对象处于一个绝对位置,等于顶部:{{fromTop}} px?

解决方法

{{}}仅用于字符串绑定.已清理的值不再是普通字符串,如果使用{{}},则会删除清理标记.

您需要清理整个样式值,然后将其绑定到[style] =“…”

但更有棱角的方式是使用Angular绑定或指令

<div [style.top.px]="fromTop" [style.position]="'absolute'">Top:{{fromTop}}</div>

<div [ngStyle]="{top: fromTop + 'px',position: 'absolute'}">Top:{{fromTop}}</div>

这样就不需要消毒.

大佬总结

以上是大佬教程为你收集整理的angular – 警告:SafeValue必须使用[property] = binding全部内容,希望文章能够帮你解决angular – 警告:SafeValue必须使用[property] = binding所遇到的程序开发问题。

如果觉得大佬教程网站内容还不错,欢迎将大佬教程推荐给程序员好友。

本图文内容来源于网友网络收集整理提供,作为学习参考使用,版权属于原作者。
如您有任何意见或建议可联系处理。小编QQ:384754419,请注明来意。