I have a set of custom polymer elements, that I would like to use within an angular 2 application.
It seems like there\'s a problem concerning the content tag of the
There are a few open issue about Angular2 combined with Polymer. For example Angular doesn't use Polymer.dom(el)...
for manipulating a Polymer elements children. This is probably what breaks your components.
A workaround is to enable full shadow DOM and polyfills. See https://www.polymer-project.org/1.0/docs/devguide/settings.html
An issue I haven't found a solution yet is passing s (like required for example for
. Angular handles templates on its own and doesn't pass it to the Polymer element.
There is a I tried it seems that's only to ignore ngNonBindable
directive. I haven't tried it yet on the myself but it might work.
[prop]="field"
/prop="{{field}}
bindings.
Another issue is with . They can only be added in the
element or within Polymer elements, but not to Angular components.
See also Two-way binding in Angular 2 with NgModel and mutating bound property?