How to execute JS in HTML template Angular JS?

Question

I have object JS was returned by AJAX. In this object there is field map that contents JS code.

When I do: {{data.map.js}} in template HTML, it gives me text instead working JS code.

This is code in template:

{{data.map.js}}
{{data.map.html}}

Object from response Ajax (short code):

   map { html: "<div id="map_canvas" style="width:566px; height:310px;"></div>"
    js: "↵          <script type="text/javascript">↵...}

Can you show a MWE or part of the code involved ? Have you tried to put the javascript into a <script> tag? — Michahell
– Michahell, Commented May 5, 2015 at 21:37
You haven't answered my second question :) Also your question excludes any html so we don't know where you are trying to execute the javascript. the angular {{ }} tags are meant to evaluate to text, so this is working as intended. If you wish to execute javascript, I think you should add script tags at the end of your html document. — Michahell
– Michahell, Commented May 5, 2015 at 21:42
No, I dont try to put <script> I get JS with tag <script> already — Hamed
– Hamed, Commented May 5, 2015 at 21:53
@Hamed you're going to need a directive to handle this, either one that exists or will need to write your own so you can check to verify the external script has completed loading. What specific map or JS code are you trying to integrate? — shaunhusain
– shaunhusain, Commented May 5, 2015 at 21:54

Uwe Keim · Accepted Answer · 2022-08-10 19:53:42Z

2

Angular documentation suggests you may be able to execute js code via eval(). I have not done this personally but take a look at https://docs.angularjs.org/guide/expression

edited Aug 10, 2022 at 19:53

Uwe Keim

40.9k61 gold badges193 silver badges308 bronze badges

answered May 6, 2015 at 4:19

Chintana Meegamarachchi

1,8201 gold badge12 silver badges11 bronze badges

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

Comments

Tyler2P · Accepted Answer · 2023-05-19 17:52:24Z

2

Use this syntax for angular in html:

{{$on.constructor('alert(1)')()}}

This should work in regular html for ng-app attribute

edited May 19, 2023 at 17:52

Tyler2P

2,37030 gold badges26 silver badges34 bronze badges

answered May 19, 2023 at 2:28

Horo

211 bronze badge

Collectives™ on Stack Overflow

How to execute JS in HTML template Angular JS?

2 Answers 2

Comments

Comments

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

Comments

Comments

Related