预加载ng视图以实现更平滑的导航
我正在使用$location.path（）在我的angular网站中加载新视图。我的页面看起来像：
<html>
<head>
</head>
<body>
<div data-ng-view="" ></div>
</body>
</html>
我会根据需求（索引、主页、登录等）更改ng视图。有时导航看起来很慢（0.1秒时页面内会出现一些小故障），有没有办法让导航变得即时？
此外，我尝试了NG-动画，改善了这种感觉，但并不完全。我想预先加载我的“观点”将是一个解决方案...
编辑：
通过添加以下内容，感觉有所改善：
myApp.run(function ($templateCache, $http) {
$http.get('Template1.html', { cache: $templateCache });
});
共有2个答案
多亏了爸爸。但是我找到了一个解决方案，它不需要改变我的路径（并且使用另一个库，比如Angular UI Router（顺便说一下，它是超级的！））
我的解决方案：使用$templateCache预加载我的模板并添加动画（漂亮的图图：http://scotch.io/tutorials/javascript/animating-angularjs-apps-ngview http://daneden.github.io/animate.css/)
您可以使用更高级的库来管理状态和视图，如Angular UI Router。
它支持在呈现嵌套状态之前（通过resolve属性）预加载所需的每个资源，以避免界面闪烁，但也可以在呈现视图后单独加载所需的每个资源。如果您不想重构应用程序以使用ui路由器（imo使每个html" target="_blank">应用程序都更易于管理），那么您将不得不使用$templateCache并手动管理视图的资源。
您可以尝试的一个技巧是让视图的控制器在渲染后加载所需的资源。此外，也许你的应用程序视图中有重复的部分，试着在单独的模板中提取它们，如果可以的话，可以重用它们。如果你可以拆分你的应用程序，这样它就不会在每次你改变视图时都重新渲染所有内容，这可能会对渲染速度产生有益的影响。
-
本文向大家介绍jQuery实现预加载图片的方法，包括了jQuery实现预加载图片的方法的使用技巧和注意事项，需要的朋友参考一下 本文实例讲述了jQuery实现预加载图片的方法。分享给大家供大家参考。具体分析如下： 这段js代码用于预加载图片，记住是预加载，不是后加载哟，就是在图片还不显示的时候就将图片下载到用户浏览器的缓存中，这样要显示的时候就非常快，无需再到服务器上去读取图片。 希望本文所述对大
-
本文向大家介绍javascript简单实现图片预加载，包括了javascript简单实现图片预加载的使用技巧和注意事项，需要的朋友参考一下 简单的图片预加载 reloader.js 具体用法如上，小伙伴们可以发挥你的想象力，自由扩展。
-
本文向大家介绍基于javascript实现图片预加载，包括了基于javascript实现图片预加载的使用技巧和注意事项，需要的朋友参考一下 一、定义 预加载图片是提升用户体验的一个好办法，提前加载用户所需的图片，保证图片快速、无缝发布，使用户在浏览器网站时获得更好用户体验。常用于图片画廊等应用中。 [注意]若使用即时加载，加载的图片与页面的其他内容一起加载会增加页面的整体加载时间，所以使用wind
-
本文向大家介绍js 判断图片是否加载完以及实现图片的预下载，包括了js 判断图片是否加载完以及实现图片的预下载的使用技巧和注意事项，需要的朋友参考一下 创建一个Image对象，实现图片的预下载，如果图片已经存在于浏览器缓存，直接调用回调函数，使用onload事件可以判断图片是否加载完成
-
本文向大家介绍Android平滑的加载项目，包括了Android平滑的加载项目的使用技巧和注意事项，需要的朋友参考一下 示例 如果您RecyclerView从网络中加载数据中的项目（通常是图像）或执行其他处理，这可能会花费大量时间，并且最终可能会在屏幕上显示项目，但未完全加载。为避免这种情况，您可以扩展现有LinearLayoutManager项以在屏幕上可见之前预加载许多项：
-
本文向大家介绍JS实现图片预加载之无序预加载功能代码，包括了JS实现图片预加载之无序预加载功能代码的使用技巧和注意事项，需要的朋友参考一下 图片预加载之无序预加载的效果图如下所示，如果大家感觉不错，请参考实现代码。 具体代码如下所示： 以上所述是小编给大家介绍的JS实现图片预加载之无序预加载功能代码，希望对大家有所帮助，如果大家有任何疑问请给我留言，小编会及时回复大家的。在此也非常感谢大家对呐喊教