How to include script tag while Angular2 running ?

Question

How to include this external java script library inside Angular2 page view .

I want to include this

 <!-- google maps javascript -->
 <script src="//maps.googleapis.com/maps/api/js?key=#######&sensor=true"></script>

so when this page is in view this library is loaded and start working .

stackoverflow.com/questions/35570746/…

Günter Zöchbauer
– Günter Zöchbauer

2016-12-13 15:34:05 +00:00
Commented Dec 13, 2016 at 15:34 — Günter Zöchbauer
– Günter Zöchbauer, Commented Dec 13, 2016 at 15:34
ok thanks, i will include this reference

Amr Ibrahim
– Amr Ibrahim

2016-12-13 15:44:37 +00:00
Commented Dec 13, 2016 at 15:44 — Amr Ibrahim
– Amr Ibrahim, Commented Dec 13, 2016 at 15:44

Maxime Gélinas · Accepted Answer · 2016-12-13 15:45:43Z

2

You can't.
The Angular processor remove all script tag in the template files for a security reason.

Alternatives:

Put your script in the index.html
Import it directly in your component .ts file using import 'path/to/file'.

answered Dec 13, 2016 at 15:45

Maxime Gélinas

2,3702 gold badges21 silver badges40 bronze badges

Sign up to request clarification or add additional context in comments.

3 Comments

Amr Ibrahim Over a year ago

how to include googlmaps script at runtime ?

Maxime Gélinas Over a year ago

Why not import '//maps.googleapis.com/maps/api/js?key=#######&sensor=true'? (In the component that need the script so the component require its dependencies)

Maxime Gélinas Over a year ago

Just see how Angular tell us to include RxJs and use the same method. angular.io/docs/ts/latest/guide/… JSFiddle or CodePen are not very good to show Angular2 app example.

Collectives™ on Stack Overflow

How to include script tag while Angular2 running ?

1 Answer 1

3 Comments

Linked

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

3 Comments

Linked

Related