AngularJS中Route例子
2024-09-01 04:40:15
代码:https://files.cnblogs.com/files/xiandedanteng/angularJSRouteSample.rar
点击‘首页’后:
点击‘电脑’后:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> <html> <head> <meta charset="utf-8"> <title>AngularJS 路由实例 - 菜鸟教程</title> </head> <body ng-app='routingDemoApp'> <h2>AngularJS 路由应用</h2> <ul> <li><a href="#/">首页</a></li> <li><a href="#/computers">电脑</a></li> <li><a href="#/printers">打印机</a></li> <li><a href="#/blabla">其他</a></li> </ul> <div ng-view></div> </body> </html> <script src="angular1.4.6.min.js"></script> <script src="angular-route_1.3.13.js"></script> <script> angular.module('routingDemoApp',['ngRoute']) .config(['$routeProvider', function($routeProvider){ $routeProvider .when('/',{template:'这是首页页面'}) .when('/computers',{template:'这是电脑页面'}) .when('/printers',{template:'这是打印机页面'}) .otherwise({redirectTo:'/'}); }]); </script>
最新文章
- Python ToDo List
- Ibatis对日期的处理
- 5.django笔记之form保存表单信息,动态select
- iptable怎么用?
- Zookeeper工作原理
- Codeforces 713C Sonya and Problem Wihtout a Legend(单调DP)
- passwordauthentication yes
- C# 6 与 .NET Core 1.0 高级编程 - 39 章 Windows 服务(下)
- 火狐兼容window.event.returnValue=false;
- Luogu P3181 [HAOI2016]找相同字符 广义$SAM$
- .net中 登录 才能下载文件的方法 Response.WriteFile实现下载
- 第三个sprint冲刺第二阶段
- Swift5 语言参考(一) 关于语言参考
- 洛谷 P3956 棋盘 解题报告
- 设置session的过期时间
- wdcp(WDlinux Control Panel) 快速安装RPM包,lanmp一件安装
- 【BZOJ2287】【POJ Challenge】消失之物 背包动规
- 17、Semantic-UI之分页插件
- springMVC介绍及配置
- Python3中的http.client模块