Javascript 如何使用Polymer'；什么是纸质标签？_Javascript_Polymer

Javascript 如何使用Polymer'；什么是纸质标签？

javascript polymer

Javascript 如何使用Polymer'；什么是纸质标签？,javascript,polymer,Javascript,Polymer,我试图在Polymer的中创建一个可切换视图 1. 2. 3. 第1页第2页第3页 var pages=document.querySelected（'iron-pages'）； var-tabs=文档。querySelected（'paper-tabs'）； tabs.addEventListener（'iron-selected'，函数（e）{ pages.selected=tabs.selected； }); 使用上述代码，本身工作正常，但在选项卡选择上视图没有改变。 docume

我试图在Polymer的

中创建一个可切换视图


1.
2.
3.
第1页
第2页
第3页
var pages=document.querySelected（'iron-pages'）；
var-tabs=文档。querySelected（'paper-tabs'）；
tabs.addEventListener（'iron-selected'，函数（e）{
pages.selected=tabs.selected；
});

使用上述代码，

本身工作正常，但在选项卡选择上视图没有改变。

```
document.querySelected
```
是一个打字错误。你可能是说
您不需要强制设置所选页面，因为您已经在使用数据绑定，这会自动使
```
.selected
```
和
```
.selected
```
保持同步

看起来您有一个自定义元素之外的绑定（例如，

index.html

），它需要一个模板，如下所示：

<!-- index.html -->
<body>
  <template is="dom-bind" id="t">
    <paper-tabs selected="{{selected}}">...</paper-tabs>
    <iron-pages selected="{{selected}}">...</iron-pages>
  </template>
  <script>
    var t = document.getElementById('t');
    t.selected = 0;
  </script>
</body>

请确保您已使用

包含了“非常感谢”的可能副本的铁页！这真的很有帮助。你太棒了！：）@MridulAdvani没问题：）

<!-- index.html -->
<body>
  <template is="dom-bind" id="t">
    <paper-tabs selected="{{selected}}">...</paper-tabs>
    <iron-pages selected="{{selected}}">...</iron-pages>
  </template>
  <script>
    var t = document.getElementById('t');
    t.selected = 0;
  </script>
</body>