Question

如何使用Polymer绑定文档的<head>标记内的数据？

我问这个是因为<title>等页面信息需要根据用户浏览的页面而改变，我希望通过编写<title>{{title}}</title>来保持与框架其余部分的一致。

由于

Answer 1

我怀疑它不可能，因为要使数据绑定起作用，元素（或带有textContent的元素）需要从Polymer继承，当然head或title不是＆＃39 ;吨

你可以做的是创建一个放置在主体中的元素（<proxy-title>？），并以编程方式查找dom中的title元素并写入它拥有的title属性。

像

这样的东西

<dom-module id="proxy-title">
  <template>
    <style>
      :host {
        display:none;
      };
    </style>
  </template>
  <script>
    Polymer({
      is: 'proxy-title',
      properties: {
        title: {
          type: String,
          value: '',
          observer: '_titleChanged'
        }
      },
      _titleChanged: function(title) {
        document.title = this.title;
      }

    });
  </script>
</dom-module>

你会像这样使用它

<!DOCTYPE html>
<html lang="en">
<head>
<title></title>
<!-- other head stuff -->
</head>
<body>
  <proxy-title title="[[someTitle]]"></proxy-title>

  <!-- ... other stuff here -->

</body>
</html>

如何使用Polymer绑定文档中的数据？

1 个答案: