这篇文章主要介绍AngularJS怎么实现单一页面内设置跳转路由，文中介绍的非常详细，具有一定的参考价值，感兴趣的小伙伴们一定要看完！
成都创新互联是一家集网站建设,天河企业网站建设,天河品牌网站建设,网站定制,天河网站建设报价,网络营销,网络优化,天河网站推广为一体的创新建站企业，帮助传统企业提升企业形象加强企业竞争力。可充分满足这一群体相比中小企业更为丰富、高端、多元的互联网需求。同时我们时刻保持专业、时尚、前沿，时刻以成就客户成长自我，坚持不断学习、思考、沉淀、净化自己，让我们为更多的企业打造出实用型网站。
JS是什么
JS是JavaScript的简称，它是一种直译式的脚本语言，其解释器被称为JavaScript引擎，是浏览器的一部分，主要用于web的开发，可以给网站添加各种各样的动态效果，让网页更加美观。
具体如下：
单一页面内设置跳转路由
鉴于现在很多应用的应用功能以及场景都非常简单，如果还按照以前的思路，每个页面做一个html，通过路由进行跳转，不仅在时间上会有延迟，在某些特殊的浏览器（最典型的如微信内置浏览器）中，跳转过程中会出现短暂的白页。
因此，我们在开发过程中，将页面逻辑封装到同一个html中。当系统第一次加载页面时，将所有页面全部加载进去，然后通过angularJS内置的路由进行加载。
直接上代码
声明app
var app = angular.module('ngRouteWxCtb', ['ngRoute','ngCookies'])
.config(['$routeProvider', function ($routeProvider) {
$routeProvider.when('/0', {
templateUrl: '0.html',
controller: 'loginCtrl'
}).when('/1', {
templateUrl: '1.html',
controller: '1Ctrl'
}).when('/2', {
templateUrl: '2.html',
controller: '2Ctrl'
}).when('/3', {
templateUrl: '3.html',
controller: '3Ctrl'
}).when('/4', {
templateUrl: '4.html',
controller: '4Ctrl'
}).when('/5', {
templateUrl: '5.html',
// controller: '5Ctrl'
}).otherwise({redirectTo: '/login'});
}]);
在页面中全部加载所有view
页面0
页面1
页面2
页面3
页面4
页面5
然后通过路由进行跳转
app.controller('loginCtrl', function ($scope, $http, $interval, $cookies, $location, userService) {
$scope.LoginSucessLocation = function () {
var hre = './main#/1';
location.href = hre;
}
})以上是“AngularJS怎么实现单一页面内设置跳转路由”这篇文章的所有内容，感谢各位的阅读！希望分享的内容对大家有帮助，更多相关知识，欢迎关注创新互联行业资讯频道！
文章名称：AngularJS怎么实现单一页面内设置跳转路由
网站URL：
http://kswjz.com/article/jpiood.html
