您的位置：首页 > Web前端 > JavaScript

javascript一个简单的路由跳转

2017-09-21 17:28 447 查看

这是一个简单的路由跳转，希望对你有所帮助下面的连接中有复杂的路由跳转

<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Title</title>
<script src="angular1.4.6.min.js"></script>
<script src="angular-route.js"></script>
</head>
<body ng-app="MyApp" >

<a href="#/">CHINA</a><br/>
<a href="#/1">CHINA1</a><br/>
<a href="#/2">CHINA2</a><br/>
<a href="#/3">CHINA3</a><br/>
<div ng-view>
11111
</div>

<script>

var app = angular.module("MyApp", ["ngRoute"]);
app.config(function ( $routeProvider) {
$routeProvider
.when("/", {template: "<h1>123</h1>"})
.when("/1", {template: "<h1>111</h1>"})
.when("/2", {template: "<h1>222</h1>"})
.when("/3", {template: "<h1>333</h1>"});
});

</script>
</body>
</html>

内容来自用户分享和网络整理，不保证内容的准确性，如有侵权内容，可联系管理员处理

标签： javascript 一个简单路由跳转

相关文章推荐

新的分享

章节导航