ngShow在控制器中的值更改时不更新

在我的AngularJS应用程序中,我会向用户显示一个加载图标,直到加载完所有内容。我在控制器中有两个条件,一旦加载内容就会改变,如下所示:

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>

我的问题是两者的价值观 vm.loading vm.patentsLoaded 更改值,因为我已将其登录到控制台,但加载的gif会在隐藏和显示内容之前显示约10-15秒。

问题

为什么视图不能立即使用 ng-show