angular - 角度警告:清理不安全的样式值
问题描述
更新:我建议人们首先查看上面的链接,因为有一些很好的解决方案。
但是,我无法让它们中的任何一个适用于我的特定情况,因为我的问题与 url 无关,而是与宽度和高度有关。
问题:
我在控制台中收到以下警告,代码如下:
WARNING: sanitizing unsafe style value calc(300px * 0.7509025270758123) (see http://g.co/ng/security#xss).
该代码工作正常,但它针对我页面上的每个图像运行并填满控制台。
任何想法如何删除警告?
<div
*ngIf="swipeFile.imageUrl"
class="linear-background"
[ngStyle]="{'width': '300px', 'height': 'calc(300px * ' + (swipeFile.imageHeight / swipeFile.imageWidth) + ')'}" >
<img mat-card-image [src]="swipeFile?.imageUrl" alt="image">
</div>
解决方案
请试试这个
<div
*ngIf="swipeFile.imageUrl"
class="linear-background"
[ngStyle]="{'width': '300px', 'height': (swipeFile.imageHeight / swipeFile.imageWidth) * 300 + 'px'}" >
<img mat-card-image [src]="swipeFile?.imageUrl" alt="image">
</div>
推荐阅读
- python - Python:HTMLCalendar 中 formatweek() 方法中的“theweek”参数是什么?
- java - 使用许多 for 和 Ifs 语句简化方法
- wordpress - 如何在 wordpress 中将链接设为“domain.com/website.com”
- r - 将数据框列转换为存储在列表中的向量
- c++ - 删除 cout 会导致分段错误
- android - ARCore Unity Android | HelloAR 应用在手机上运行时崩溃
- nestjs - 如何使动态模块成为全局模块?
- paypal - Laravel 6 PayPal Gateway 小计,运费,税金无法正常工作
- python - 使用 Python 查找匹配的数组并组合成一个数组
- python - 估计不同样本大小的随机样本平均值的分布