Angular 2 的样式属性清理是否有安全的解决方法？答案

【问题标题】：Is there a safe workaround to Angular 2's style attribute sanitization?Angular 2 的样式属性清理是否有安全的解决方法？
【发布时间】：2016-07-16 04:47:37
【问题描述】：

我目前正在学习 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 中已被弃用。

【问题讨论】：

可能重复stackoverflow.com/questions/37076867/…

标签： javascript html css angular

【解决方案1】：

您是否尝试过使用style binding target（在页面上搜索“style.”）？它展示了如何在 html 元素上设置单独的样式属性。例如，这是一种应用您询问的颜色样式的方法。

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

【讨论】：