ngShow not updating when value changes in controller

Asked Nov 09 '18 at 13:07

Active Nov 09 '18 at 13:14

Viewed 86 times

In my AngularJS app, I am displaying a loading icon to the user until all the content has loaded. I have two conditions in the controller which change once content has loaded, like so:

function form1200questionnaireCtrl(){
    vm.loading = true;
    vm.patentsLoaded = true;

    angular.element(function () {
        vm.loading = false;
        vm.patentsLoaded = true;
        console.log('should hit', vm.loading, vm.patentsLoaded)
    });
}

<div data-ng-show="$ctrl.loading" >
    <img src="assets/imgs/icons/spinner-loader.gif">
</div>
<div data-ng-show="$ctrl.patentsLoaded" class="animate-show">  
    //all content 
</div>

My issue is that the values of both vm.loading and vm.patentsLoaded change value as I have logged it into the console, but the loading gif displays for around 10-15 seconds before hiding and the content displaying.

Question

Why is the view not picking up the change in the scope immediately with ng-show?

edited Nov 09 '18 at 13:14

asked Nov 09 '18 at 13:07

Patrick McDermott

1,220
1
15
30

2

why need to put inside `angular.element`? – brk Nov 09 '18 at 13:11
i think the sample code you have here has `vm.loading = true` twice . I am sure you meant `vm.patentsLoaded = true` over there ... – Anirudh Mangalvedhekar Nov 09 '18 at 13:11
what are you trying to accomplish with `angular.element`? Why not try to use `ng-cloak`? – Aleksey Solovey Nov 09 '18 at 13:12
@brk I was following answers in this thread https://stackoverflow.com/questions/21715256/angularjs-event-to-call-after-content-is-loaded and yes I made the mistake in the question. Corrected now – Patrick McDermott Nov 09 '18 at 13:15
But the fact is that values have changed, so why is the view not updating immediately? – Patrick McDermott Nov 09 '18 at 13:15
try $scope.$apply() in your function soon after you toggle the variables. – Mukesh Verma Nov 09 '18 at 13:49
what is your AnulgarJS version? – Márcio Rossato Nov 09 '18 at 14:13
1

How is `form1200questionnaireCtrl()` being called? Is being called from outside the Angular digest cycle? – Lex Nov 09 '18 at 16:35

ngShow not updating when value changes in controller

0 Answers0