angular.js - angular 项目开发中页面跳转的问题
某草草
某草草 2017-05-15 17:12:15
0
2
777

在真正的项目开发中 有很多个页面 ,那各个页面是不是都是通过一个index页面 , 在index页面里放一个<p ui-view></p> 然后配置很多个路由来跳转,传参的呢?

某草草
某草草

全部回复(2)
PHPzhong

你说的应该是用angularjs 实现单页面应用的例子 一般我们会在index中放入公共的引用 和一般都有的导航 然后分区 在想要实现跳转模块的地方 写ng-view 然后通过app.js配置跳转路由以及对应的controller 将功能业务相近的controller 放在一起 这样

洪涛
  1. 是的,SPA单页应用是通过配置路由来跳转的,HTML中用<ui-view></ui-view>来定义内容跳转的部分,ui-router的精髓在于嵌套,所以这个ui-view可以是多层的
    2.参数的配置,首先在路由配置部分说明参数名

        .state("order.detail", {
            url: "/Detail/?:order_id",
            templateUrl: "/detail.html",
            title: "Detail",
            controller: "detailCtrl",
            params: {'order_id': null, 'order_status': null}
          });

示例中两个参数order_id和order_status,你可以把参数拼接到url中,:order_id就是拼接的:order_id就是拼接的
在跳转的过程中传递参数ui-sref="order.detail({ order_id: order.id })"在跳转的过程中传递参数ui-sref="order.detail({ order_id: order.id })"

热门教程
更多>
最新下载
更多>
网站特效
网站源码
网站素材
前端模板