javascript - 模板中彼此相邻的 polymer 多个变量

Question

我的日期对象:

date = { day: '05' }

这个:

<div>{{date.day}}</div>

给我以下 HTML 输出:

<div>05</div>

这很好。

现在，我想这样做:

<div>{{date.day}}. {{date.day}}</div>

应该是这样的:

<div>05. 05</div>

我得到的是一个空字符串。这是为什么？

我发现了一个article ，它使用完全相同的语法:

<div>{{i + 1}}. {{fruit}}</div>

我正在使用 Polymer 1.0。内容被 <template> 包围。标签。

Answer 1

在 Polymer 1.0 中，仅支持绑定(bind)到文本节点 if the binding fills the entire tag 。目前不可能有空格或多个标签。

您有两个选择:

<div>{{fillMyContent(date.day, date.day)}}</div>

在其中定义一些返回所需值的函数fillMyContent。

或者:

<div><span>{{date.day}}</span>. <span>{{date.day}}</span></div>

使用可以完全填充的单独虚拟元素。