路由简单应用

最新推荐文章于 2022-05-18 09:35:17 发布

sui_yz

最新推荐文章于 2022-05-18 09:35:17 发布

阅读量303

点赞数

本文链接：https://blog.csdn.net/sui_yz/article/details/79038158

版权

<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title></title>
		<script src="js/angular.min.js"></script>
		<script src="js/angular-route.js"></script>
		<script>
			var app=angular.module("modu",["ngRoute"]);
			app.config(["$routeProvider",function($routeProvider){
				$routeProvider.when("/home",{
					template:"<p>这是首页</p>"
				})
				.when("/computer",{
					template:"<P>这是电脑页面</p>"
				})
				.when("/printer",{
					template:"<h2>这是打印页面</h2>"
				})
			}])
		</script>
	</head>
	<body ng-app="modu">
		
		<ul>
			<li><a href="#/home">首页</a></li>
			<li><a href="#/computer">电脑</a></li>
			<li><a href="#/printer">打印机</a></li>
		</ul>
		
		<div ng-view>
			
		</div>
	</body>
</html>

优惠劵

sui_yz

关注关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
路由简单应用

var app=angular.module("modu",["ngRoute"]); app.config(["$routeProvider",function($routeProvider){ $routeProvider.when("/home",{ template:"这是首页" }) .when("/computer",{ templat
复制链接

扫一扫