angular 路由
来源:互联网 发布:linux编写shell脚本 编辑:程序博客网 时间:2024/05/22 08:19
<!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>
阅读全文
0 0
- angular 路由
- angular路由
- Angular路由
- angular 路由
- Angular路由
- angular路由
- angular路由
- angular路由
- Angular路由
- angular路由
- angular 路由
- Angular路由
- Angular 路由
- Angular路由
- angular 路由
- angular路由
- angular之路由,模板
- Angular路由2
- 深度学习蚕食软件,十年内大部分软件工作不再涉及编程
- 自定义View(前言)
- 安卓 判断当前应用是否启动
- 典型的代码(汉诺塔等)
- 二叉树---(1)图文解析
- angular 路由
- Json
- JVM 微解1
- 杂七杂八的功能实现
- Java 集合与队列的插入、删除在并发下的性能比较
- Matlab学习之路之nargin函数
- 值得推荐的C/C++框架和库
- ListView实现item单选、多选效果(没使用复选框) checkable接口
- Spring Cloud构建微服务架构服务容错保护