了解 Polymer 数据绑定和 HTML 标签

Question

我是 Polymer 的新手，在测试数据绑定时，我发现我必须将双胡子表达式封装在 HTML 标记中（例如 <span>{{var}}</span>）。

如果不是，则变量不会按原样扩展和打印。

一个例子（来自Polymer Quick Tour), with a line more to show this behaviour. You can also find it on Plunker。

<dom-module id="name-tag">
  <template>

    <!-- Will print : This is {{owner}}'s name-tag element. -->
    This is {{owner}}'s name-tag element.<br />

    <!-- Will print : This is Daniel's name-tag element. -->
    This is <b>{{owner}}</b>'s name-tag element.
  </template>
</dom-module>

<script>
Polymer({
  is: "name-tag",
  ready: function() {
    // set this element's owner property
    this.owner = "Daniel";
  }
});
</script>

我是否遗漏了文档中的某些内容，或者这是某种错误？

致今天看到这个问题的人
这个行为似乎已经被修复，在 Plunkr 上的例子中，没有问题了。

Answer 1

根据 docs :

The binding annotation must currently span the entire content of the tag.

这意味着您当前必须像本示例中那样将绑定包装在标签中：

This is <b>{{owner}}</b>'s name-tag element.

我希望将来这会有所改变，这样您就不必将绑定包装在标签中。

了解 Polymer 数据绑定和 HTML 标签

Understanding Polymer data-binding and HTML tags

data-binding

polymer