AngularJS实现设定在一个单页的路由跳法

本文描述了AngularJS如何实现一个跳跃在一个单页的路由。分享给您参考，如下：

在单个页面中设置跳转路由

在许多应用场景的应用和功能都非常简单，如果是按照先前的思路，每个页面的HTML通过跳跃的路线，不仅在时间将被推迟，在一些特殊的浏览器（最典型的内置浏览器微信等），有一个短暂的白页跳过程在。

作为一个结果，我们封装到同一个HTML页面逻辑的发展过程中，当系统第一次加载网页，所有的网页都加载进来，然后加载通过AngularJS内置路由。

直接编码

申报程序

VaR的应用= angular.module（'ngroutewxctb，{ 'ngroute '，'ngcookies}）
。配置（{ $ routeprovider功能（$ routeprovider）{
routeprovider.when美元（/ 0，{
TemplateUrl：0。HTML，
控制器：'loginctrl
}当（ 1，{）
TemplateUrl：1。HTML，
控制器：'1ctrl
}当（ 2，{）
TemplateUrl：2 HTML，
控制器：'2ctrl
}当（ 3，{）
TemplateUrl：3。HTML，
控制器：'3ctrl
}当（ 4，{）
TemplateUrl：4。HTML，
控制器：'4ctrl
}当（ 5，{）
TemplateUrl：5 HTML，
控制器： / / '5ctrl
（{ }）。否则redirectto：' /登录}）；
}）；

所有的视图都装在页面上。

0页

1页

2页

3页

4页

5页

然后跳过路线

App.controller（'loginctrl功能（美元美元美元区间范围，HTTP，美元美元，饼干、位置、用户服务）{
（$ scope.loginsucesslocation =功能）{
VaR HRE。 / / 1的主要#；
location.href = HRE；
}
}）

更多的读者在AngularJS相关内容有兴趣的可以看看这个网站的主题：AngularJS指令操作技巧总结

希望这篇文章能帮助的AngularJS程序设计。