聚合物 – 使用铁页更改页面标题

概述让我们说我有铁页的演示实现(来自其 Github page)： <iron-pages selected="0"> <div>One</div> <div>Two</div> <div>Three</div></iron-pages><script> document.addEventListener('click', function(e) { var pages 让我们说我有铁页的演示实现(来自其 Github page)：

<iron-pages selected="0">  <div>One</div>  <div>Two</div>  <div>Three</div></iron-pages><script>  @[email protected]('click',function(e) {    var pages = @[email protected]('iron-pages');    pages.selectNext();  });</script>

现在,我想在页面标题中添加一个后缀以反映所选页面.因此对于< div> One< / div>我想追加 – 选择One等等.

到目前为止我所做的是在选择路线时对routing.HTML进行更改,但在此处进行更改似乎有点奇怪.有没有其他方法可以做到这一点？

解决方法 你应该看看我的polymer组件< page-@R_419_5979@>这里： https://github.com/zacharytamas/page-title/.你也可以用Bower安装它：

bower install page-@R_419_5979@ --save

你可能想要某种功能来映射选中的索引来自< iron-pages>要显示为标题的文本.在您的示例中,您可以只选择所选元素的innerText,但实际上您的< iron-pages>元素实际上会有内容.

这取决于您的设置,但您可以使用我的组件轻松绑定它们,如下所示：

<dom-module ID="my-app">  <template>    <page-@R_419_5979@ base-@R_419_5979@="My Website"       @R_419_5979@="[[selectedPage.@R_419_5979@]]"></page-@R_419_5979@>    <iron-pages selected-item="{{selectedPage}}">      <div @R_419_5979@="First Page">One</div>      <div @R_419_5979@="Second Page">Two</div>      <div @R_419_5979@="Third Page">Three</div>    </iron-pages>  </template>  <script>    polymer({      is: 'my-app'    });  </script></dom-module>

在这里,我刚刚做了一些尝试,将页面标题绑定到< iron-pages>中当前所选元素的@R_419_5979@属性.它运作得很好！你可能不得不采用你的情况,但这应该让你去.

总结

以上是内存溢出为你收集整理的聚合物 – 使用铁页更改页面标题全部内容，希望文章能够帮你解决聚合物 – 使用铁页更改页面标题所遇到的程序开发问题。

如果觉得内存溢出网站内容还不错，欢迎将内存溢出网站推荐给程序员好友。