Javascript AngularJS加载目标控制器中的所有数据后如何更改视图？_Javascript_Html_Angularjs

Javascript AngularJS加载目标控制器中的所有数据后如何更改视图？

javascript html angularjs

Javascript AngularJS加载目标控制器中的所有数据后如何更改视图？,javascript,html,angularjs,Javascript,Html,Angularjs,我的结构如下： <html ng-app="myApp"> <head>...</head> <body ng-controller="MainCtrl"> <nav class="side-nav"> ... </nav> <header> ... </header>

我的结构如下：

<html ng-app="myApp">
    <head>...</head>

    <body ng-controller="MainCtrl">
        <nav class="side-nav">
            ...
        </nav>
        <header>
            ...
        </header>
        <main ng-class="navOpen">
            <div class="loading-screen" ng-if="!contentLoaded">Loading...</div>
            <div class="content" ng-view></div>
        </main> 
    </body>
</html>


...
...
...
加载。。。

MainCtrl处理所有“特定于应用程序”的内容-导航（如更改路线时更改链接的类别）、加载屏幕、单击汉堡菜单

现在我想在路线之间添加过渡。我的想法是，在

contentLoaded

变量设置为true之前，前一个视图将一直保留。在每个控制器内设置

contentLoaded

变量；通常在http请求完成之后。这样，我就可以通过在

加载屏幕的背景中添加不透明度来“模糊”先前的内容。加载内容后，上一个视图将与新视图切换，加载屏幕将消失
有没有办法告诉AngularJS保留视图，直到满足控制器中的特定条件？我正在使用ngRoute进行路由。
请参阅“谢谢您的帮助”中的“动画”部分！我最终重写了我的核心应用程序代码，并在切换控制器之前使用ngRoute的resolve
属性加载内容；结果是非常干净，独立于子控制器。