Angular inside a polymer template with auto-binding

Asked By: Anonymous

I’m trying to use angular ui router with core-animated-pages. Right now I’m stuck because if I include the ui-views inside the sections of a core-animated-pages element, and all of that is inside a <template is="auto-binding"> element, then the transition works but angular does not fill the ui-views. I think it because the template makes it all part of the shadow dom.

Here’s a plunkr: http://plnkr.co/edit/tYyuKLO1O5JQVtpNg9Th?p=preview

Thanks.

Solution

Answered By: Anonymous

I was wrong – you don’t have to use template.

And here’s how you do it!
https://github.com/morgs32/angular-polymer