html - polymer 数据绑定(bind) unicode

Question

关于本主题:css ::before attr() and unicode .

我正在用 Polymer 编写一个元素，我希望能够将 unicode 数据绑定(bind)到 i 标签的属性中，该属性将在 css 规则内容的 attr() 中使用。

CSS:

i::before
{
  content: attr(icon);
}

HTML:

<i icon="&#xf1e8"></i>       // works
<i icon="&#x{{ code }}"></i> // does not works

出于某种原因，它不起作用，代码数据绑定(bind)良好，但 unicode 打印为字符串而不是解释为我的图标。

数据绑定(bind)这种数据的好方法是什么？

Answer 1

数据绑定(bind)包括'\u'在代码工作之前。

例子:

icon = "\uf1e8"

数据绑定(bind)到

<i icon="{{ icon }}"></i>