路由设置
来源:互联网 发布:淘宝人生笔趣阁 编辑:程序博客网 时间:2024/04/27 13:35
<html>
<head>
<meta http-equiv="content-type" content="text/html; charset=UTF-8">
<script src="http://cdn.static.runoob.com/libs/angular.js/1.4.6/angular.min.js"></script>
<script src="https://apps.bdimg.com/libs/angular-route/1.3.13/angular-route.js"></script>
<script type="text/javascript">
angular.module('ngRouteExample', ['ngRoute'])
.config(function ($routeProvider) {
$routeProvider.
when('/home', {
templateUrl: 'embedded.home.html',
controller: 'HomeController'
}).
when('/about', {
templateUrl: 'embedded.about.html',
controller: 'AboutController'
}).
when('/base', {
templateUrl: 'embedded.base.html',
controller: 'BaseController'
}).
otherwise({
redirectTo: '/home'
});
});
</script>
</head>
<center>
<body ng-app="ngRouteExample" class="ng-scope" bgcolor="darkturquoise">
<script type="text/ng-template" id="embedded.home.html">
<a href="https://www.baidu.com/"><h4> 外星人电脑 </h4></a>
<a href="https://www.sogou.com/tx?query=%E4%BA%AC%E4%B8%9C&hdq=sogou-wsse-2e9fcd6fd4b51d71&ekv=2&ie=utf8&cid=qb7.zhuye&"> <h4> 联想电脑 </h4></a>
<a href="http://www.toutiao.com/"> <h4> 华硕电脑 </h4></a>
<a href="https://www.sogou.com/tx?query=%E7%BD%91%E6%98%93%E9%82%AE%E7%AE%B1&ie=utf8&_ast=1508206592&_asf=null&w=01025001&hdq=sogou-site-706608cfdbcc1886-0001&duppid=1&cid=qb7.zhuye&cid=qb7.zhuye&s_from=result_up&oq=%E7%BD%91%E6%98%93&ri=1&sourceid=sugg&suguuid=fffc5d4a-10f5-4213-9c9b-b74563067bfb&stj=1%3B0%3B0%3B0&stj2=0&stj0=1&stj1=0&hp=0&hp1=&suglabid=suglabId_1&sut=9908&sst0=1508206696109&lkt=0%2C0%2C0&sugsuv=00BD0677DDDDA18D59E342274D236626&sugtime=1508206696109"> <h4> 神州电脑 </h4></a>
</script>
<script type="text/ng-template" id="embedded.about.html">
<a href="https://www.sogou.com/tx?query=%E6%AD%A6%E5%AE%89&ie=utf8&_ast=1508206720&_asf=null&w=01029901&hdq=sogou-wsse-2e9fcd6fd4b51d71&duppid=1&cid=qb7.zhuye&cid=qb7.zhuye&s_from=result_up&sut=2409&sst0=1508206741458&lkt=0%2C0%2C0&sugsuv=00BD0677DDDDA18D59E342274D236626&sugtime=1508206741458"> <h4> 张三</h4></a>
<a href="https://www.baidu.com/"> <h4> 李四</h4></a>
<a href="https://www.baidu.com/"> <h4> 王五</h4></a>
<a href="https://www.baidu.com/"> <h4> 赵六</h4></a>
</script>
<br />
<script type="text/ng-template " id="embedded.base.html">
<a href="https://www.baidu.com/"> <h4> 北京</h4></a>
<a href="https://www.baidu.com/"> <h4> 上海</h4></a>
<a href="https://www.baidu.com/"> <h4> 广州</h4></a>
<a href="https://www.baidu.com/"> <h4> 深圳</h4></a>
</script>
<div>
<div id="navigation">
<a href="#/home"><input type="submit" value="商品信息"/></a>
<a href="#/about"><input type="submit" value="用户信息"/></a>
<a href="#/base"><input type="submit" value="地址信息"/><br/></a>
</div>
<div ng-view="" style="width: 300px; height: 300px; border: 2px solid royalblue; background-color: chocolate;">
</div>
</div>
</body>
</center>
<head>
<meta http-equiv="content-type" content="text/html; charset=UTF-8">
<script src="http://cdn.static.runoob.com/libs/angular.js/1.4.6/angular.min.js"></script>
<script src="https://apps.bdimg.com/libs/angular-route/1.3.13/angular-route.js"></script>
<script type="text/javascript">
angular.module('ngRouteExample', ['ngRoute'])
.config(function ($routeProvider) {
$routeProvider.
when('/home', {
templateUrl: 'embedded.home.html',
controller: 'HomeController'
}).
when('/about', {
templateUrl: 'embedded.about.html',
controller: 'AboutController'
}).
when('/base', {
templateUrl: 'embedded.base.html',
controller: 'BaseController'
}).
otherwise({
redirectTo: '/home'
});
});
</script>
</head>
<center>
<body ng-app="ngRouteExample" class="ng-scope" bgcolor="darkturquoise">
<script type="text/ng-template" id="embedded.home.html">
<a href="https://www.baidu.com/"><h4> 外星人电脑 </h4></a>
<a href="https://www.sogou.com/tx?query=%E4%BA%AC%E4%B8%9C&hdq=sogou-wsse-2e9fcd6fd4b51d71&ekv=2&ie=utf8&cid=qb7.zhuye&"> <h4> 联想电脑 </h4></a>
<a href="http://www.toutiao.com/"> <h4> 华硕电脑 </h4></a>
<a href="https://www.sogou.com/tx?query=%E7%BD%91%E6%98%93%E9%82%AE%E7%AE%B1&ie=utf8&_ast=1508206592&_asf=null&w=01025001&hdq=sogou-site-706608cfdbcc1886-0001&duppid=1&cid=qb7.zhuye&cid=qb7.zhuye&s_from=result_up&oq=%E7%BD%91%E6%98%93&ri=1&sourceid=sugg&suguuid=fffc5d4a-10f5-4213-9c9b-b74563067bfb&stj=1%3B0%3B0%3B0&stj2=0&stj0=1&stj1=0&hp=0&hp1=&suglabid=suglabId_1&sut=9908&sst0=1508206696109&lkt=0%2C0%2C0&sugsuv=00BD0677DDDDA18D59E342274D236626&sugtime=1508206696109"> <h4> 神州电脑 </h4></a>
</script>
<script type="text/ng-template" id="embedded.about.html">
<a href="https://www.sogou.com/tx?query=%E6%AD%A6%E5%AE%89&ie=utf8&_ast=1508206720&_asf=null&w=01029901&hdq=sogou-wsse-2e9fcd6fd4b51d71&duppid=1&cid=qb7.zhuye&cid=qb7.zhuye&s_from=result_up&sut=2409&sst0=1508206741458&lkt=0%2C0%2C0&sugsuv=00BD0677DDDDA18D59E342274D236626&sugtime=1508206741458"> <h4> 张三</h4></a>
<a href="https://www.baidu.com/"> <h4> 李四</h4></a>
<a href="https://www.baidu.com/"> <h4> 王五</h4></a>
<a href="https://www.baidu.com/"> <h4> 赵六</h4></a>
</script>
<br />
<script type="text/ng-template " id="embedded.base.html">
<a href="https://www.baidu.com/"> <h4> 北京</h4></a>
<a href="https://www.baidu.com/"> <h4> 上海</h4></a>
<a href="https://www.baidu.com/"> <h4> 广州</h4></a>
<a href="https://www.baidu.com/"> <h4> 深圳</h4></a>
</script>
<div>
<div id="navigation">
<a href="#/home"><input type="submit" value="商品信息"/></a>
<a href="#/about"><input type="submit" value="用户信息"/></a>
<a href="#/base"><input type="submit" value="地址信息"/><br/></a>
</div>
<div ng-view="" style="width: 300px; height: 300px; border: 2px solid royalblue; background-color: chocolate;">
</div>
</div>
</body>
</center>
</html>
阅读全文
0 0
- 路由设置
- 路由设置
- 路由设置
- 路由设置
- 路由+无线路由串联设置
- Linux路由设置 反向路由设置
- EA700a路由功能设置
- DHCP VLAN 路由设置
- 设置路由端口映射
- ADSL路由设置
- 无线路由设置
- Linux路由设置
- 无线路由设置
- linux 设置静态路由
- 双路由上网设置
- Cisco2600模拟器-路由设置
- 路由IP设置
- rails中的路由设置
- htc方向手柄
- Banner的使用
- C++类的静态成员
- codeforces #442 div2 Olya and Energy Drinks
- solr学习问题
- 路由设置
- linux系统调用和库函数调用的区别
- 左右值编码来存储无限分级树形结构的数据库表设计
- hdu 1973 Prime Path (bfs)
- Begin again
- 1024,祝所有程序员节日快乐!
- Mybatis学习(03)-原始dao开发方法 && 弊端
- Yii2禁用默认引入的jquery
- Apache Kylin最新的Streaming OLAP实现