聚合在模板中彼此相邻的多个变量

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中，不再支持此语法。这在documentation

中有解释

  

绑定注释目前必须跨越标记的整个内容。

您可以使用computed bindings来获得相同的结果。

Answer 2

在Polymer 1.0中，仅支持绑定到文本节点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>

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