How to pass JSON from Django to Angular

Question

Usually Angular get from HTTP request the JSON from server side (like Django). But, to accelerate rendering, would like to write down on server side the JSON into a Javascript VAR and let proceed Angular on this javascript variable containing the JSON.

My question are: 1) How to pass this javascript var to angular $scope variable ? (without HTTP).

2) Is writing down the JSON into the HTML a bad/good practice ? (given my web app is fairly static).

Possible duplicate of Returning JSON array from a Django view to a template — creimers
– creimers, Commented May 3, 2017 at 16:52
This is more of an Angular question. When I have the Javascript VAR, how to pass it into scope ? — tensor
– tensor, Commented May 4, 2017 at 1:07
Check out this post: stackoverflow.com/questions/19383725/… — creimers
– creimers, Commented May 4, 2017 at 5:43

somecallitblues · Accepted Answer · 2017-05-03 19:13:19Z

0

You can do a simple $scope = {{ some_django_tag|safe }}. I can't see why it would be a bad practice if you're 100% sure that the output will be valid JS. I actually do this a bit to instantiate the scope on the page load.

answered May 3, 2017 at 19:13

somecallitblues

7434 silver badges9 bronze badges

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

Collectives™ on Stack Overflow

How to pass JSON from Django to Angular

1 Answer 1

Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related