Display a angular variable in my html page

Question

as the title says I'm trying to display an Angular variable in a html page. I have this function inside the controller I'm using :

$http.get('/api/tasks/?format=json').success(function(data) {
        $scope.tasks = data;
        for (var i=0; i < $scope.tasks.results.length; i++)
        {
            if ($scope.tasks.results.status == 0)
            {
                tobedone++;
            }
        }
    });

And now I'd like to display tobedone inside my html page. I've tried [[tobedone]] (I'm using Django, thus custom providers), but nothing displays. Any help please ?

Harshith Rai · Accepted Answer · 2019-03-25 11:37:47Z

48

In your template, you have access to all the variables that are members of the current $scope. So, tobedone should be $scope.tobedone, and then you can display it with {{tobedone}}, or [[tobedone]] in your case.

edited Mar 25, 2019 at 11:37

Harshith Rai

3,1067 gold badges25 silver badges37 bronze badges

answered Jun 11, 2013 at 13:00

Narretz

4,9831 gold badge35 silver badges40 bronze badges

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

2 Comments

Puce Over a year ago

Try it and you will see :)

katwekibs Over a year ago

It is legal Angular expects an expression which can contain literals, operators, and variables. Example {{ 5 + 5 }} or {{ firstName + " " + lastName }} @Puce the op knew it works and wanted to know if it is legal or not.

Collectives™ on Stack Overflow

Display a angular variable in my html page

1 Answer 1

2 Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

2 Comments

Your Answer

Sign up or log in

Post as a guest

Related