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 [mcve] – Daniel A. White Aug 27 '18 at 02:20 — Daniel A. White, Aug 27 '18 at 02:20

Amin Kamalinia · Answer 1 · 2018-08-27T03:10:31.977

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 '18 at 03:10

answered Aug 27 '18 at 02:32

Amin Kamalinia

314
1
4
17

thats for angular 2+ – Daniel A. White Aug 27 '18 at 02:34
Thank you for notice. I changed my answer. – Amin Kamalinia Aug 27 '18 at 03:12
It just work with normal tag html except script. Do you have any another idea ? – dungmidside Aug 27 '18 at 08:57

AngularJS - Insert variable to script attribute

1 Answers1