查看平滑导航

2018-06-27 21:32:24

我使用$ location.path（）在我的角度网站中加载新视图。我的页面如下所示：

<html>
<head>
</head>
<body>
<div data-ng-view="" ></div>
</body>
</html>

我根据需求（索引，家庭，登录等）更改了ng-view。有时导航看起来很慢（0.1秒内页面内有一些故障），有没有办法让导航瞬间完成？

此外，我尝试了ng-animate，这改善了这种感觉，但并不完全。我想，预加载我的'意见'将是一个解决方案..

编辑：

感觉通过增加：

myApp.run(function ($templateCache, $http) {
        $http.get('Template1.html', { cache: $templateCache });
    });

你可以使用一个非常优秀的库来管理状态和视图，例如Angular UI Router。

它支持在呈现它之前预先加载嵌套状态所需的每个资源（通过resolve属性），以避免界面闪烁，但您也可以在渲染完成后单独加载您想要的每个资源视图。如果你不想重构你的应用程序来使用ui-router（这让imo使每个应用程序更易于管理），那么你会被禁止使用$ templateCache并手动管理你的视图资源。

你可以试着做的一个技巧就是让视图的控制器在渲染后加载它需要的资源。此外，也许你有明智的重复你的应用程序视图的部分，尝试提取它们在单独的模板，并重新使用它们，如果可以的话。如果您可以将应用程序拆分为不会每次更改视图时都重新渲染所有内容，则可能会对渲染速度产生有益影响。

感谢巴巴。但是我找到了一个不涉及改变我的路线的解决方案（并且使用另一个库，如Angular UI Router（这是超级！））

我的解决方案：用$ templateCache预加载我的模板并添加动画（nice tuto：http://scotch.io/tutorials/javascript/animating-angularjs-apps-ngview + http://daneden.github.io/animate.css /）

链接地址: http://www.djcxy.com/p/77965.html

上一篇: view for smoother navigation

下一篇: Which is better ng