How to use interpolation in javascript <script> tag in Angular 1?

Question

I would like to use the {{}} interpolation operator in a <script> tag in a .html file using Angular 1.5 as shown with the ::job.name example below. Would appreciate suggestions. The JSON object must be declared inside the <script> tag as shown below

The use of job.brand_name works below, but job.name does not.

<script type="application/json"> {
  "title" : "{{::job.name}}"
}
</script>


<p>{{::job.brand_name}}</p>

zoonman · Accepted Answer · 2019-01-05 06:42:42Z

0

You can't use string interpolation within a script tag. I have impression you are trying to make a crawlable content and build json+ld code.

You should consider building a custom directive as answered here AngularJS script tag JSON-LD It will work for regular JSON too.

answered Jan 5, 2019 at 6:42

zoonman

1,1631 gold badge14 silver badges32 bronze badges

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

Collectives™ on Stack Overflow

How to use interpolation in javascript <script> tag in Angular 1?

1 Answer 1

Comments

Linked

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Linked

Related