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

浏览:42日期:2022-12-22

问题描述

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

问题解答

回答1:

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

回答2:

是的,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就是拼接的在跳转的过程中传递参数ui-sref='order.detail({ order_id: order.id })'

相关文章: