Angular 2 RC1:从使用的初始URL获取参数

杰森

一些用户通过邀请进入我的Web应用程序。因此他们会有一个看起来像这样的链接:https://example.com/invitaion/12345其中12345是他们的唯一邀请号码。

当用户单击链接,并且框架在客户端初始化了我的AppComponent时,如何获得使用的URL为“ invitation / *”的事实以及如何获得邀请号?

马克·皮萨克(Mark Pieszak)-Trilon.io

您将要用于RouteParams访问该变量,并在Component中使用它。

// let's assume you labeled it as `path : '/invitation/:id'` in your @Route setup.

@Route([
    { path : '/invitation/:id', component : MyComponent }
]) 

现在在组件本身中:

import { RouteParams } from '@angular/router';

// Now simply get the ID when injecting RouteParams within your constructor

class MyComponent {
    id: string;
    constructor(_params: RouteParams) {
        this.id = _params.get('id');
    }
}

本文收集自互联网,转载请注明来源。

如有侵权,请联系[email protected] 删除。

编辑于
0

我来说两句

0条评论
登录后参与评论

相关文章

来自分类Dev

缩小Angular 2 rc1

来自分类Dev

Angular 2 rc1中的RouteParams

来自分类Dev

Angular 2 rc1中的RouteParams

来自分类Dev

Angular2 RC1错误“提供的参数与调用目标的任何签名均不匹配”

来自分类Dev

如何使用Angular 2 rc1刷新页面?

来自分类Dev

使用所有rc1软件包的angular2 npm http 404

来自分类Dev

Angular2 RC1,如何使用ngc离线编译静态

来自分类Dev

使用RXJS 5.0.0-beta.6和Angular 2 RC1导入运算符

来自分类Dev

使用RXJS 5.0.0-beta.6和Angular 2 RC1导入运算符

来自分类Dev

卡在angular2(RC1)路由上

来自分类Dev

Angular2 RC1多级routerLink指令

来自分类Dev

卡在angular2(RC1)路由上

来自分类Dev

Angular 2 RC5 / Router 3 RC1中嵌套模块的路由

来自分类Dev

根据Angular2 rc1中的路由隐藏元素

来自分类Dev

Angular 2 RC1浏览器适配器错误

来自分类Dev

定义但未识别的Angular2 RC1子路线

来自分类Dev

刷新页面时,angular2 rc1默认路由问题

来自分类Dev

Angular2 RC1实现加载指标的最佳方法

来自分类Dev

如何预编译Angular 2 rc1项目的组件

来自分类Dev

Angular 2 rc1中不提供ComponentInstruction和CanActivate

来自分类Dev

如何让Angular2 RC1知道已更改的DOM

来自分类Dev

Angular 2新(RC1)路由器。CanReuse界面

来自分类Dev

HashLocationStrategy在Angular2 RC1中不起作用

来自分类Dev

为新路由器设置身份验证Angular 2(> = rc1)

来自分类Dev

Angular2 rc1,在哪里是shims_for_IE

来自分类Dev

Angular2 rc1,新路由器和传递数据

来自分类Dev

Angular2 RC1管道始终通过未定义

来自分类Dev

HTTP和嵌套对象(Angular2 RC1 + TS)

来自分类Dev

为新路由器设置身份验证Angular 2(> = rc1)