angular.js - angular 项目开发中页面跳转的问题

Question

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

Answer 1

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

Answer 2

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 })"