Привязка бумажных вкладок к основным страницам с полимером
Я создаю сайт с помощью Polymer, который использует бумажные вкладки и основные страницы. Проблема, с которой я сталкиваюсь, заключается в том, что я не могу получить событие щелчка для вкладок, которое влияет на отображаемые страницы, и все содержимое остается скрытым, если я не выбрал определенную страницу, которую я хочу показать.
Поэтому я действительно хочу, чтобы вкладки вели себя так, как они должны себя вести.
Вот мой код до сих пор:
<body unresolved>
<paper-tabs selected="0" selectedindex="0" id="paper-tabs" >
<paper-tab id="paper-tab" active>ABOUT</paper-tab>
<paper-tab id="paper-tab1">PORTFOLIO</paper-tab>
<paper-tab id="paper-tab2">CONTACT</paper-tab>
</paper-tabs>
<core-pages selected="{{$.paper-tab.selected}} " selectedindex="0" notap id="core-pages">
<about-me id="paper-tab" active>
<h2 horizontal center-justified>Worldwide Jamie</h2>
<p>Jamie is a Chicago-based freelance front end web developer.</p>
<p>Clearly this website is <b>Under Development</b></p>
<p>Come back soon to see how great your site could be</p>
</about-me>
<portfolio-list id="portfolio">
<!--Insert slider?-->
</portfolio-list>
<contact-me id="contact">
</contact-me>
</core-pages>
</body>
</html>
Заранее спасибо за любое время и внимание.