On 9 July 2017 at 03:43, Naga Sai A <[email protected]> wrote: > > > <head> > <base href="https://polygit.org/polymer+v2.0.0/shadycss+ > webcomponents+1.0.0/components/"> > > > <link rel="import" href="paper-tabs/paper-tabs.html"> > <link rel="import" href="paper-tabs/paper-tab.html"> > <link rel="import" href="iron-pages/iron-pages.html"> > </head> > > > <body> > <paper-tabs selected="{{selected}}"> > <paper-tab>Tab 1</paper-tab> > <paper-tab>Tab 2</paper-tab> > </paper-tabs> > <iron-pages selected="{{selected}}"> > <div> > Tab1 content > </div> > <div> > Tab2 content > </div> > </iron-pages> > </body> >
You cannot data-bind outside of a custom element. The easiest way to allow data-binding when you include multiple components within <body> is to use the <dom-bind> element to wrap your implementation. Alternatively move all your code into a custom element and in the main body just put the single reference to your new element. I've amended your example with a <dom-bind> element: https://codepen.io/diddledan/pen/RgqReW -- Daniel Llewellyn Bowl Hat Follow Polymer on Google+: plus.google.com/107187849809354688692 --- You received this message because you are subscribed to the Google Groups "Polymer" group. To unsubscribe from this group and stop receiving emails from it, send an email to [email protected]. To view this discussion on the web visit https://groups.google.com/d/msgid/polymer-dev/CABtuYwdKLdBaKTatD0sKNP%3DmYq_BhnZ%2BJkJHt3%3DH8-H%2BEGGZgQ%40mail.gmail.com. For more options, visit https://groups.google.com/d/optout.
