angularjs路由
来源:互联网 发布:淘宝打折怎么设置 编辑:程序博客网 时间:2024/06/01 11:25
SPA 单一页面应用程序
特点:不产生页面跳转把若干个功能集成到一个页面动态生成数据,通过ajax获取数据增强用户体验提升性能实现原理: 通过锚点的跳转实现过程: 1.监听hashchange事件,当hash改变的时候获取hash= location.hash 2.将hash作为请求的参数传递给请求地址 >> url = url?hash=hash 3.服务器处理请求,并返回数据 4.前端获得数据后渲染数据
angular-route
angular-route是一个单独的模块,在创建模块时需要引入路由的依赖var app = app.module('app',['ngRoute'])配置路由:app.config(['$routeProvider',function($routeProvider){ $routeProvider.when('/index',{ template: 模板 templateUrl: 外部引入的模板文件 和template不一起使用 controller: 路由对应的控制器 redirectTo:跳转的路由 }) .when('/body/:id,{ 可通过 :id匹配不一样的路由, 通过$routeParams获取id 也可以获取到url地址?之后的参数 ,获取到之后是一个对象,(key:value)形式。 }) .otherwise({ redirectTo: ‘/’ //当以上路由都不匹配的时候,直接跳转到 '/' 。 })}])
阅读全文
0 0
- Angularjs路由
- AngularJS-路由
- AngularJS 路由
- AngularJS 路由
- AngularJS路由
- angularjs路由
- angularJS路由
- Angularjs 路由
- angularjs-路由
- AngularJS 路由
- AngularJS-路由
- angularjs---------路由
- AngularJS 路由
- AngularJs路由
- AngularJS 路由
- AngularJS 路由
- angularjs路由
- angularjs 路由
- angular自定义指令
- angular中内置的九种过滤器
- angularjs服务
- python计算一段字符串字母的和(a,b分别为1,2)
- 交换机常用命令——查看修改系统时间,查看交换机SN
- angularjs路由
- 简单了解ES6的语法
- vue计算属性computed和methods的区别
- 解决eclipse的 Invalid project description. overlaps the location of another project: 问题
- vue定义组件
- ICP算法进行点云匹配
- vue路由 vue-router
- Docker容器使用问题:Failed to get D-Bus connection: Operation not permitted
- flex弹性盒子常用属性