在" double-mustache "语法中使用HTML实体

using html entities inside “double-mustache” syntax

本文关键字:HTML 实体 double-mustache 语法      更新时间:2023-09-26

我使用的是聚合物0.5.5。我已经创建了一个模板块,我正在使用一些html实体。这些实体是动态生成的。下面是一个例子:

<template repeat="{{n in [1,2,3]}}">
 <span>&#64396;</span> <span>&#{{64396 + n}};</span>
</template>

问题是,第一个span标签完美地输出html实体,但第二个span标签没有。如果我为它view source,那么我可以看到第一个跨度的有效字符,但对于第二个跨度,我只能看到html实体,它不能正确更新DOM。有什么解决办法吗?

可以使用String.fromCharCode。例:

<span>&#64396;</span> <span>{{fromCharCode(n)}};</span>

fromCharCode: function(n) {
    return String.fromCharCode(64396 + n)
}