AngularJS 路由
来源:互联网 发布:厦大网络教学平台登录 编辑:程序博客网 时间:2024/05/22 05:07
AngularJS 路由允许我们通过不同的 URL 访问不同的内容。通过 AngularJS 可以实现多视图的单页Web应用(single page web application,SPA)。通常我们的URL形式为 http://runoob.com/first/page,但在单页Web应用中 AngularJS 通过 # + 标记 实现,例如:http://runoob.com/#/firsthttp://runoob.com/#/secondhttp://runoob.com/#/third
<!DOCTYPE html><html> <head> <meta charset="utf-8" /> <title></title> <script type="text/javascript" src="js/angular.min.js" ></script> <script type="text/javascript" src="js/angular-route.js" ></script> </head> <body ng-app="Mapp" ng-controller="Mctrl"> <nav style="width: 800px;"> <a href="#/me">我的站点</a> <a href="#/call" style="float: right;">联系我们</a> <a href="#/about" style="float: right;margin-right: 30px;">关于我们</a> </nav> <div style="width: 800px;height: 500px;" ng-view> </div> <script> var m = angular.module("Mapp",['ngRoute']); m.controller("Mctrl",function($scope){ }) m.config(function($routeProvider){ $routeProvider .when("/about",{templateUrl:"new_file1.html"}) .when('/me',{templateUrl:"new_file2.html"}) .when('/call',{templateUrl:"new_file3.html"}) }) </script> </body></html>
阅读全文
0 0
- Angularjs路由
- AngularJS-路由
- AngularJS 路由
- AngularJS 路由
- AngularJS路由
- angularjs路由
- angularJS路由
- Angularjs 路由
- angularjs-路由
- AngularJS 路由
- AngularJS-路由
- angularjs---------路由
- AngularJS 路由
- AngularJs路由
- AngularJS 路由
- AngularJS 路由
- angularjs路由
- angularjs 路由
- cordova插件开发中遇到的一些问题
- Python备忘录
- 两种方式写小标签<p></p>、<span></span>
- 使用git上传项目到coding
- CF121E Lucky Array(线段树+暴力)
- AngularJS 路由
- Ubuntu16.04 安装Samba
- leetcode 383. Ransom Note
- S17标准库特殊设施
- 第1条:考虑用静态工厂方法代替构造器
- 【图论】最大流之EK算法与Dinic算法及最小费用最大流(转)
- 记录2
- 怎么把C++的运行结果导入TXT中
- 小技巧——如何为foxmail中的文字编辑超链接