AngularJS - Insert variable to script attribute

Question

I have a variable "widgetDataHash" (string) and script tag like this:

<script 
   type="text/javascript" 
   id="widget"
   data-hash="{{widgetDataHash}}"
   src="www.widgetsrc.com">
</script>

I want to insert value of widgetDataHash to data-hash attribute like that. But when it run, it just show a normal text {{widgetDataHash}} instead of value of widgetDataHash.

Any solution for this ?

please provide a minimal reproducible example

Daniel A. White
– Daniel A. White

2018-08-27 02:20:28 +00:00
Commented Aug 27, 2018 at 2:20 — Daniel A. White
– Daniel A. White, Commented Aug 27, 2018 at 2:20

Amin Kamalinia · Accepted Answer · 2018-08-27 03:10:31Z

1

I think you should write like this [attr.data-hash]="widgetDataHash" for angular 2+ and for Angularjs you should write like this ng-attr-data-hash="widgetDataHash" I should mention that I found this solution (for Angularjs solution) in a link Nobita answered that. For more information check Conditionally adding data-attribute in Angular directive template answers

edited Aug 27, 2018 at 3:10

answered Aug 27, 2018 at 2:32

Amin Kamalinia

3342 gold badges4 silver badges18 bronze badges

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

3 Comments

Daniel A. White Over a year ago

thats for angular 2+

Amin Kamalinia Over a year ago

Thank you for notice. I changed my answer.

dungmidside Over a year ago

It just work with normal tag html except script. Do you have any another idea ?

Collectives™ on Stack Overflow

AngularJS - Insert variable to script attribute

1 Answer 1

3 Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

3 Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related