<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8" />
<title>日考</title>
<script src="js/angular.min.js" type="text/javascript" charset="utf-8"></script>
.left {
width: 50%;
height: 40px;
float: left;
text-align: center;
}
.right {
width: 50%;
height: 40px;
float: left;
text-align: center;
}
a {
text-decoration: none;
}
</style>
</head>
<body ng-app="myApp">
<div class="left">
我的站点
</div>
<div class="right">
<a href="#/zhuye">主页</a>
<a href="#/women4">关于我们</a>
<div ng-view></div>
<script type="text/javascript">
var mo = angular.module("myApp", ["ngRoute"]);
mo.config(function($routeProvider) {
$routeProvider.when("/zhuye", {
templateUrl: "zhuye.html"
});
$routeProvider.when("/lianxi", {
templateUrl: "lianxi.html"
});
$routeProvider.when("/women4", {
templateUrl: "women4.html"
});
});
</script>
</body>
</html>
<html>
<head>
<meta charset="utf-8" />
<title>日考</title>
<script src="js/angular.min.js" type="text/javascript" charset="utf-8"></script>
<script src="js/angular-route.js" type="text/javascript" charset="utf-8"></script>
<!--
顺序不能反了
-->
.left {
width: 50%;
height: 40px;
float: left;
text-align: center;
}
.right {
width: 50%;
height: 40px;
float: left;
text-align: center;
}
a {
text-decoration: none;
}
</style>
</head>
<body ng-app="myApp">
<div class="left">
我的站点
</div>
<div class="right">
<a href="#/zhuye">主页</a>
<a href="#/women4">关于我们</a>
<a href="#/lianxi">联系我们</a>
<!--
页面自己定义
-->
<div ng-view></div>
<script type="text/javascript">
var mo = angular.module("myApp", ["ngRoute"]);
mo.config(function($routeProvider) {
$routeProvider.when("/zhuye", {
templateUrl: "zhuye.html"
});
$routeProvider.when("/lianxi", {
templateUrl: "lianxi.html"
});
$routeProvider.when("/women4", {
templateUrl: "women4.html"
});
});
</script>
</body>
</html>
扫一扫
2909
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
