白白白

  博客园  :: 首页  :: 新随笔  :: 联系 :: 订阅 订阅  :: 管理

Form表单提交会导致页面之间的切换,没法实现单页应用

Ajax请求不会留下History记录(在后台管理系统,没有后台历史记录还可以) ,但在网络型应用或门户型应用(用户没有办法给改页面加标签或分享出去) ajax的SEO(搜索引擎优化)问题

     2-2 BookStore的例子

    

  $routeProvider 是angularJS自身提供的路由机制,通过它来进行路由配置

  angularJS1.2以后,进行了模块化切分,使用$routeProvider 配置路由。需要引入angular-route.js 文件

  

 

  angularJs提供的该$routeProvider的问题是没有办法进行深层次嵌套路由(例chapter02-04) 的 UIRoute3.html 用angularJS的    $routeProvide 无法实现

  第三方的 ui-router(angular-ui.github.io)

  

    UI-Router提供的机制实现深层次的嵌套

    

 

    在主页面引入angular-ui-router.js 

    使用 ui-view 指令

    

    

    $stateProvider , $urlRouterProvider

    

    对以上解释

    行3配置,其他所有的路径都跳转到 /index 地址

    var routerApp = angular.module('routeApp',['ui.router']) ; //定义依赖

    routerApp.config(function($stateProvider,$urlRouterProvider) {

      $urlRouterProvider.otherwise('/index');

      $stateProvider

        .state('index',{

          url:'index',

          view:{

            '':{

              templateUrl:'tpls3:/index3.html'

            },

            'topbar@index':{

              templateUrl:'tpls3:/topbar.html'

            },

            'main@index':{

              templateUrl:'tpls3:/home.html'

            }

          }

        })

    })

 

  

  

posted on 2016-11-09 14:32  道至简  阅读(210)  评论(0编辑  收藏  举报