angular-polymer icon indicating copy to clipboard operation
angular-polymer copied to clipboard

"Using Polymer Elements in Angular CLI Webpack" doc need an update for last angular-cli version

Open sylphir opened this issue 9 years ago • 4 comments

I tried to apply the "Using Polymer Elements in Angular CLI Webpack" tuto, on 1.0.0-beta.11-webpack.8 without success on Firefox.

But the trick is here : https://github.com/angular/angular-cli/pull/1747 The polyfill <script src="bower_components/webcomponentsjs/webcomponents-lite.min.js"></script> has to be call in global in angular-cli.json and not in index.html anymore

sylphir avatar Sep 09 '16 06:09 sylphir

See #57

Chabane avatar Sep 09 '16 06:09 Chabane

First of all thank you for your answer and sorry if my english is bad. As i said in my comment i followed the "Using Polymer Elements in Angular CLI Webpack" tuto that i found in #57 but it doesn't work anymore on the last angular-cli version.

I wrote the solution in the previous comment.

sylphir avatar Sep 09 '16 06:09 sylphir

Understood. What for elements.html ? It's an import of html.

Chabane avatar Sep 09 '16 07:09 Chabane

Actually, the issue with Firefox is that the polyfill is not loaded, and turn to a Polymer.Settings is undefined This one : angular/angular-cli#1747 is about javascript libraries which need to be added to the global scope, and loaded as if they were in a script tag. This trick make the polyfill load successfully There is no other issues with html import.

sylphir avatar Sep 09 '16 07:09 sylphir