Passing value from Django view to AngularJS inserted template

Question

Is there a way to pass a value from a Django view to an AngularJS inserted template?

In my view.py I have the code:

count_users = Profile.objects.filter(user_id__gte = 0).count()
context_dict = {'users': count_users}
return render_to_response('dashboard.html', context_dict)

In dashboard.html I am able to insert the user count into the html as follows:

{{ users }}

This works fine but dashboard.html uses AngularJS to insert some more html as follows:

<div ui-view class="fade-in-up">
</div>

Mt problem that the html file inserted by AngularJS does not respond to the:

{{ users }}

Is there a way to pass the value of users through to the AngularJS inserted HTML?

The users variable has to be attached to the $scope, otherwise it will not appear in such a binding. — victor175
– victor175, Commented Sep 20, 2015 at 18:40
Can you explain what you mean by attached to the $scope? I don't know what that is. How would I do that? — Bill Noble
– Bill Noble, Commented Sep 20, 2015 at 19:44
In angular you have a variable that is called $scope. If you do $scope.someVar = 5 and then {{ someVar }}, it will appear. If you do just var someVar = 5 and then try to bind it the same way - it will not work. So to display the variable you want properly, you must use javascript and attach it to the scope. — victor175
– victor175, Commented Sep 20, 2015 at 19:47

doubleo46 · Accepted Answer · 2018-07-05 07:50:03Z

4

using ng-init you can attach your value into the $scope

<div ui-view class="fade-in-up" ng-init="User='{{user}}' " >

</div>

edited Jul 5, 2018 at 7:50

doubleo46

4954 silver badges12 bronze badges

answered Sep 20, 2015 at 20:23

Rubel hasan

2,6181 gold badge16 silver badges23 bronze badges

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

2 Comments

Bill Noble Over a year ago

Thanks that is perfect

Foobar Over a year ago

Can you share your Django and AngularJS code? This solution is not working for me. Thanks.

victor175 · Accepted Answer · 2015-09-20 20:07:39Z

0

In your javascript do:

mainModule
    .config(function($interpolateProvider) {
        $interpolateProvider.startSymbol('{$');
        $interpolateProvider.endSymbol('$}');
});

This way, if you want to bind an angular variable in the html, you use:

{$ variable $}

If you want to add a Django variable, you use:

 {{ variable }}

And your code may work if you leave it as it is, and just add this configuration to the angular module.

edited Sep 20, 2015 at 20:07

answered Sep 20, 2015 at 19:54

victor175

6243 gold badges10 silver badges24 bronze badges

Collectives™ on Stack Overflow

Passing value from Django view to AngularJS inserted template

2 Answers 2

2 Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

2 Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related