Polymer 1.0：<paper-tabs>控制内容的工作示例在哪里？

Question

背景

• Here is the documentation for the <paper-tabs> element.
• Here is an issue describing the lack of content in the demo examples.
• The demo examples 说明选项卡 headers 但省略选项卡 content.

问题

有人可以举个例子来说明如何使用 <paper-tabs> 来控制内容的显示吗？

Answer 1

它在 first link:

的文档中

A common usage for paper-tabs is to use it along with iron-pages to switch between different views.

<paper-tabs selected="{{selected}}">
  <paper-tab>Tab 1</paper-tab>
  <paper-tab>Tab 2</paper-tab>
  <paper-tab>Tab 3</paper-tab>
</paper-tabs>

<iron-pages selected="{{selected}}">
  <div>Page 1</div>
  <div>Page 2</div>
  <div>Page 3</div>
</iron-pages>