ng中的路由和单页面应用
来源:互联网 发布:json转化为字符串 编辑:程序博客网 时间:2024/05/11 11:04
路由 route -> 单页面应用程序
一个页面在展示多种数据的时候不是进行页面的跳转, 而是在页面中设置一个足够大的容器 在切换显示的时候, 利用 ajax 请求数据, 拿到数据后利用 js 将数据渲染到容器中, 以 展示不同的数据内容. 而在这个过程中页面一直保持不刷新的状态.
-> 在 ng 中为了实现这种自动的"跳转"( 注意不是真的跳转, 只是根据 url 显示不同的 内容 ) 称为路由
-> 操作步骤( **** ) 1> 引入一个 angular-route 的 js 文件. 该文件定义了一个 ngRoute 模块 2> 要使用路由, 就需要在运行开始之前对路由的路径规则进行配置 module.config( [ '$routeProvider', function ( $routeProvider ) { }] ) 3> $routeProvider 提供了一个 when() 该方法有两个参数, 第一个参数表示的"路径"( # 后的路径 )规则 第二个参数是 一个对象, 该对象有 template, templateUrl, controller 等方法 设置该属性后, 表示路径规则一旦符合 when 中给定的规则, 那么就会显示对应的 模板数据. 4> 在页面中放上一个 ng-view 指令, 它就是容器 5> $routeProvider 还提供了一个 otherwise 方法, 该方法只有一个参数, 即对象 意味着如果路径规则, 所有的 when 都不符合 就启用 otherwise 中描述的 页面 一般会使用 { redirectTo: '/' } 跳转到主页或指定页
0 0
- ng中的路由和单页面应用
- AngularJs route ng路由 单页面应用(上)
- AngularJs route ng路由 单页面应用(下)
- angular中的ng路由及SPA应用
- JS原生一步步实现前端路由和单页面应用
- 单页面应用路由的实现方式
- JS单页面应用实现前端路由(hash)
- 关于angular2路由中的单页面开发问题
- angularjs_路由单页面跳转
- Vue笔记3 vue-cli单页面应用与路由设置
- angularJS中的ng-click和ng-change
- AngularJS在大型单页面应用中的性能优化
- SAP单页面应用
- SPA单页面应用
- 单页面应用
- 单页面应用SPA
- 单页面应用
- 单页面应用优缺点
- Java基础进阶_day07_(泛型,Collection集合,迭代器,增强for循环)
- MD5摘要算法介绍及其实现
- Android 6.0 运行时权限处理完全解析
- 接口
- 用node搭建一个简单的websocket服务器
- ng中的路由和单页面应用
- 通过分析 JDK 源代码研究 TreeMap 红黑树算法实现
- 第一章 Web MVC简介
- 六天带你玩转Mysql笔记--第六天
- HTML常见标签及块级元素同行内元素的区别
- hibernate 初级2
- js特效03 offsetHeight scrollHeight clientHeight
- 读《高效能人士的七个习惯》
- 分布式服务系统的架构_java