聚合物数据绑定不会取代

Question

我有一个拒绝结合的聚合物元素，我不明白为什么。呈现的输出只是发送原始 {{varName}} 而不是用适当的值替换它。但是，公式（使用 [[fn(arg)]] 语法）和绑定到标签（使用 $="{{varName}} 语法）工作正常。

知道是什么原因造成的吗？

这是模板：

<dom-module id="hex-grid-element">
    <template>
        <link rel="stylesheet" type="text/css" href="hex-grid-element.css"></link>
        <div id="grid"></div>
        <br>
        <div id="count">Count: {{hexes}}</div>
    </template>

    <script src="hex-grid-element.js"></script>
</dom-module>

Answer 1

您需要将数据放在一个范围内：

"The binding annotation must currently span the entire content of the tag. String concatenation is not supported inside a tag, and the tag can’t contain any whitespace"

参见：Polymer Documentation on binding to text content

聚合物数据绑定不会取代

Polymer Data-Binding will not replace

javascript

web-component

polymer