ng控制器中的值更改时不显示更新

Question

在我的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来获取范围的变化？