Assign Django variable value to AngularJS

Question

I have this template tags in my html code

{{ djangoVar}}   //Django template tag
{$ angularVar $} //AngularJS template tag

How can I assign {{ djangoVar}} to {$ angularVar $} in my html?

Something like:

{% {$ angularVar $} = djangoVar %}

{$ angularVar = {{ djangoVar }} $} maybe?!

BeS
– BeS

2015-02-23 15:32:44 +00:00
Commented Feb 23, 2015 at 15:32 — BeS
– BeS, Commented Feb 23, 2015 at 15:32

Serafeim · Accepted Answer · 2015-02-23 15:34:49Z

2

The angularVar must be assigned with javascript code. So, in your django template you can do something like

<script>
var django_variables = {};
django_variables.djangoVar = {{ djangoVar }};
</script>

So you declare a django_variables global variable. Then, in your angular controllers you can do:

function MyController($scope) {
    $scope.angularVar = django_variables.djangoVar;
}

The important thing is to run the 1st snippet inside a normal django html template that the context will be passed and {{ djangoVar }} will get its value.

answered Feb 23, 2015 at 15:34

Serafeim

15.1k15 gold badges96 silver badges136 bronze badges

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

2 Comments

Leon Over a year ago

any other method, this method seems dirty.

Serafeim Over a year ago

There's no other way! You'll end up doing something like what I propose.

Collectives™ on Stack Overflow

Assign Django variable value to AngularJS

1 Answer 1

2 Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

2 Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related