在真正的项目开发中 有很多个页面 ,那各个页面是不是都是通过一个index页面 , 在index页面里放一个<p ui-view></p> 然后配置很多个路由来跳转,传参的呢?
你说的应该是用angularjs 实现单页面应用的例子 一般我们会在index中放入公共的引用 和一般都有的导航 然后分区 在想要实现跳转模块的地方 写ng-view 然后通过app.js配置跳转路由以及对应的controller 将功能业务相近的controller 放在一起 这样
是的,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 })"
:order_id
ui-sref="order.detail({ order_id: order.id })"
你说的应该是用angularjs 实现单页面应用的例子 一般我们会在index中放入公共的引用 和一般都有的导航 然后分区 在想要实现跳转模块的地方 写ng-view 然后通过app.js配置跳转路由以及对应的controller 将功能业务相近的controller 放在一起 这样
是的,SPA单页应用是通过配置路由来跳转的,HTML中用<ui-view></ui-view>来定义内容跳转的部分,ui-router的精髓在于嵌套,所以这个ui-view可以是多层的
2.参数的配置,首先在路由配置部分说明参数名
示例中两个参数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 })"