- c - 在位数组中找到第一个零
- linux - Unix 显示有关匹配两种模式之一的文件的信息
- 正则表达式替换多个文件
- linux - 隐藏来自 xtrace 的命令
有没有办法访问 redirecTo-Statement 中的 routerParams?
我想将“Order”路由的 orderId 传递给“OrderDashboard”路由,但我不知道该写什么来代替 ???
如果我将 ???
替换为 3
一切正常(以防用户只对订单号 3 感兴趣;-))
{path: '/:orderId', name: 'Order', redirectTo: ['OrderDashboard', {orderId:???}]}
{路径:'/:orderId/dashboard',名称:'OrderDashboard'}
最佳答案
派对迟到了,但无论如何,
在router.config
时,我找不到任何访问routeParams
的引用,
但是您仍然可以通过使用其中一种技术实现相同的行为
<强>1。使用 Same Component
(不完全一样url地址栏会不一样)
{path: '/:orderId', name: 'Order', component: OrderDashboard}
{path: '/:orderId/dashboard', name: 'OrderDashboard', component: OrderDashboard}
<强>2。使用一次性组件作为代理
{path: '/:orderId', name: 'Order', component: OnlyToRedirect}
{path: '/:orderId/dashboard', name: 'OrderDashboard', component: OrderDashboard}
export class OnlyToRedirect{
constructor(routeParams: RouteParams, router: Router){
router.navigate(['OrderDashboard', {orderId: routeParams.params}])
}
}
希望这有效:)
关于Angular2 路由重定向与 routeParams,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/34908917/
在上面的代码中,第一个 console.log 返回未定义 但第二个返回一个已设置 cpf 属性的对象。为什么? 我的网址:http://xxxxxxx/#!/cpf/68473303253 我的
我正在尝试将查询参数附加到从 URL 获取的所有 API 调用中。 factory('Post', function ($resource, $routeParams) { return $r
我尝试使用两个 $routeParams ,但是,仅显示路线的 templateUrl 。能够在所有 Controller 中使用 $routeParams 的最佳解决方案是什么? 路线 angula
有些我是路由和单页 Web 应用程序的新手,但我一直在努力正确学习 Angular。然而我遇到了一些麻烦和一些奇怪的问题。我遵循了构建目录的指南,我的目录如下所示: app/ componen
我正在使用 $routeParams 服务。当我在 Controller 中使用 console_log($routeParams) 服务时,我会在控制台中看到所有值。 但是,当我控制台记录 $rou
我正在使用this加载数据的技术。所以我创建了以下解析函数: NoteController.resolve = { note: function($routeParams, Note) {
我有一个访问页面 $routeParams 的指令,如下所示: myApp.directive("myList", function ($routeParams) { return {
我需要捕获查询字符串,但是出现错误。我使用的代码很简单,但是在浏览器中却失败了。 @Component({ selector: 'body', viewProviders: [ ROU
我有一个 Controller ,我正在尝试使用 $routeParams 访问参数,但是当我使用 console.log 检查值时,正在引用 lodash。 (function() { 'use
我正在尝试使用 $routeParams 获取 URL 参数: var myApp = angular.module('myApp', [ 'ngRoute', 'appControllers
我对 Angular JS 很菜鸟,但我遇到了问题。指令console.log($routeParams) 显示routeParams 为空,我不知道为什么。我使用 ionic yeoman 生成器创
我可以使用访问查询网址参数 $scope.$on('$routeUpdate', function () { var id = $routeParams.id //check if
我有一个“项目”页面,无论您是查看项目列表还是查看单个项目,我都试图访问该页面,但不使用子组件。 考虑: 应用路由器配置 { path: '/projects/...', component: Pro
有没有办法访问 redirecTo-Statement 中的 routerParams? 我想将“Order”路由的 orderId 传递给“OrderDashboard”路由,但我不知道该写什么来代
我想知道我如何拥有多个路由参数,如果你们中的任何人可能知道它的教程或答案,我将非常感激。 这是我正在做的 http://jaysg.com/newApp/#/ 我希望它是#/:region/:coun
我找到了这个 answer在另一个SO问题中。但我也想在一些页面标题中使用路由参数。 如果我有 $routeProvider像这样: $routeProvider.when('/demo/:name/
我有一个非常简单的 Angular 应用程序,我将其提炼为以下内容: var napp = angular.module('Napp',['ngResource']); var CompanyCtrl
有什么区别: $routeParams and $stateParams 什么时候用什么? 最佳答案 两者都来自不同的路由器模块。您可以在您的应用程序中使用任何人。 如果您使用 ngRoute模块,那
我正在尝试使用 Angular routeProvider 和routeParams 来获取id 和name 参数。这是js: angular.module("test",["ngRoute"])
Or, I'm not doing Single Page in the strict sense ... 嗨, 首先一些 背景 我要求所有先前加载的页面都需要保留在屏幕上,以便保留状态而不保存到存储
我是一名优秀的程序员,十分优秀!