是否有针对 Angular 2 的样式属性清理的安全解决方法

Is there a safe workaround to Angular 2's style attribute sanitization?

本文关键字：安全 解决 方法 属性 样式 Angular 是否      更新时间：2023-09-26

>我目前正在学习 Angular 2，我试图从组件中的属性加载带有样式属性的 HTML。

items.push('<span style="color: ' + colorHex + ';">test</span>');
<div class="itemList" *ngFor="let item of items">
    <pre [innerHtml]=item></pre>
</div>

经过一些研究，Angular 2似乎清理了样式属性以防止安全问题。我的做法错了吗？我还能如何将颜色附加到文本中？我使用的是 <font> 标签，但它在 HTML5 中已弃用。

您是否尝试过使用样式绑定目标（在页面上搜索"样式"）？它演示如何在 html 元素上设置单个样式属性。例如，这里有一种应用您询问的颜色样式的方法。

<div class="itemList" *ngFor="let item of items">
    <pre [style.color]="colorHex">Test</pre>
</div>
相关文章：