How to update value in template Angular JS?

Question

I use Angularjs on page for displaying numbers of notes:

<span ng-hide="currentCount.messages <= 0">{{currentCount.messages}}</span>

The value currentCount.messages is got from response AJAX in controller. Problem is that when I do reflesh browser page I see text {{currentCount.messages}} temporarily.

I tried to define in top controller: $scope.currentCount.messages = 0; but it did not help me.

Does "temply" mean that the placeholder is shown for a short time while the page is loading, and you don't want that? — Matti Virkkunen
– Matti Virkkunen, Commented May 13, 2015 at 18:08
Either add a spinner/loader that will show (ng-show="loading") while the content hides (ng-hide="loading") while loading the data, just set $scope.loading to true/false before/after the ajax. Or look into docs.angularjs.org/api/ng/directive/ngCloak — JimL
– JimL, Commented May 13, 2015 at 18:09

Nicholas Thomson · Accepted Answer · 2015-05-13 18:11:00Z

1

Try this:

<span ng-hide="currentCount.messages <= 0" ng-bind="currentCount.messages"></span>

Using ng-bind accomplishes the same thing, but you won't see the template string in the page before the angular finishes rendering.

answered May 13, 2015 at 18:11

Nicholas Thomson

5483 silver badges8 bronze badges

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

1 Comment

Hamed Over a year ago

Thanks It work, but below this code also: ng-class="{0:'hide'}[currentCount.messages]" and it takes value from init variable currentCount.messages, not after AJAX response, so I get wrong class hide then

Collectives™ on Stack Overflow

How to update value in template Angular JS?

1 Answer 1

1 Comment

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

1 Comment

Your Answer

Sign up or log in

Post as a guest

Related