欢迎您访问我爱IT技术网，今天小编为你分享的javascript教程：【angularJS中router的使用指南】，下面是详细的讲解！
angularJS中router的使用指南
<!---
DEMO_INDEX.html
-->
<!doctype html>
<head>
<meta charset="utf-8">
<title>route</title>
</head><br>//这个重要是做IE的兼容，发现不管用，IE坑爹，你懂的
<body ng-app="routeApp" class="ng-app:routeApp" id="routeApp">
<h1>Route Demo index</h1>
<script src="http://www.jb51.net/article/http://cdnjs.cloudflare.com/ajax/libs/html5shiv/3.6.2pre/html5shiv.js"></script>
<script src="http://www.jb51.net/article/http://cdnjs.cloudflare.com/ajax/libs/json2/20121008/json2.js"></script>
<div ng-view></div>
<script src="http://www.jb51.net/article/http://localhost:81/js/angular.min.js"></script>
<script>
var routeApp=angular.module('routeApp',[]);
routeApp.config(['$routeProvider',function ($routeProvider) {
$routeProvider
.when('/list', {
templateUrl: 'list.html',
controller: 'RouteListCtl'
})
.when('/list/:id', {
templateUrl: 'detail.html',
controller: 'RouteDetailCtl'
})
.otherwise({
redirectTo: '/list'
});
}]);
//controller
routeApp.controller('RouteListCtl',function($scope) {
});
routeApp.controller('RouteDetailCtl',function($scope, $routeParams) {
$scope.id=$routeParams.id;
});
</script>
</body>
</html>
关于angularJS中router的使用指南的用户互动如下：
相关问题：angularjs ui-router怎么使用超链接
答：AngularJS 与 jQuery 等传统操作 DOM 的思想有所不同， 对于 jQuery 等，一般是先有完整 DOM 然后在这些 DOM 的基础上进行二次调教。 而 AngularJS 等框架则是 根据 数据模型 以及其对应的 DOM 模版，然后通过模版像搭积木那样组合页面。 >>详细
相关问题：如何使用angularjs处理动态菜单
答：1. 既然你使用了 ui-router，说明你的应用是 单页程序，既然是单页程序，首先要考虑动态路由是否有必要？只要根据用户角色 显示该角色可以访问的菜单即可，在每次路由切换的时候判断下是否有访问此路由的权限，没有就跳转到指定页面即可； 2. 至... >>详细
相关问题：angularjs router怎么获取参数
答：定义path类型的路由应该如下： url: "/newslist/{path:.*}" 或者： url: "/newslist/*path" 同理你在node的router中，接受请求的声明应该也不正确，通常:name不会支持url类型参数，需要你查看你使用的router组件文档，自行解决了。 >>详细
- 【firefox】firefox浏览器不支持innerText的解决
- 【Extjs】Extjs学习过程中新手容易碰到的低级错误
- 【clearInterval】js clearInterval()方法的定义
- 【ComboBox】ComboBox 和 DateField 在IE下消失的
- 【dom】javascript dom追加内容实现示例-追加内容
- 【has】基于jquery的has()方法以及与find()方法以
- 【extjs】Extjs入门之动态加载树代码-动态加载树
- 【checkbox】让checkbox不选中即将选中的checkbox
- 【Array】js中更短的 Array 类型转换-类型转换
- 【append】append和appendTo的区别以及appendChil
- 评论列表（网友评论仅供网友表达个人看法，并不表明本站同意其观点或证实其描述）
-