Question

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

Answer 1

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

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

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

1 个答案: