【问题标题】:Understanding Polymer data-binding and HTML tags了解 Polymer 数据绑定和 HTML 标签
【发布时间】:2015-11-05 16:30:22
【问题描述】:

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

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

一个例子(来自Polymer Quick Tour),多一行来展示这种行为。您也可以找到它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 上的示例中,不再存在问题。

【问题讨论】:

    标签: data-binding polymer


    【解决方案1】:

    根据docs

    绑定注释当前必须跨越标签的全部内容。

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

    This is &lt;b&gt;{{owner}}&lt;/b&gt;'s name-tag element.

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

    【讨论】:

    • 该死的,我错过了。谢谢!
    猜你喜欢
    • 2018-03-17
    • 1970-01-01
    • 2015-07-11
    • 1970-01-01
    • 2012-02-16
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 2017-02-13
    相关资源
    最近更新 更多