polymer 1.0 : Where is a working example of to control content?

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说明选项卡标题，但省略选项卡内容。

问题

有人可以举个例子来说明如何<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>