给定这个url struct (我无法控制),如何使用Angular2检索哈希片段?

http://your-redirect-uri#access_token=ACCESS-TOKEN

我的路由确实路由到正确的组件,但oauth之后的所有内容都被废弃,我在请求中找不到哈希片段.参数或位置.路径注定的

路由配置:

@RouteConfig([
{path: '/welcome', name: 'Welcome', component: WelcomeComponent, useAsDefault: true},
{path: '/landing/oauth', name: 'Landing', component: LandingComponent}  // this one

])

推荐答案

对于那些仍在寻找的人:

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

export class MyComponent {

  constructor(
    private route: ActivatedRoute,
  ) { }

  myfunction(){
    this.route.fragment.subscribe((fragment: string) => {
        console.log("My hash fragment is here => ", fragment)
    })
  }
}

Typescript相关问答推荐

TypScript错误:类型{ children:ReactNode; }与动态React组件中的IntrinsicLedger类型没有共同的属性

在Switch陈述中输入保护类

我应该使用什么类型的React表单onsubmit事件?

当使用`type B = A`时,B的类型显示为A.为什么当`type B = A时显示为`any `|用A代替?

如何在第一次加载组件时加载ref数组

webpack错误:模块找不到.当使用我的其他库时,

迁移到Reaction路由V6时,获取模块Reaction-Router-Dom';没有导出的成员RouteComponentProps错误

如何在Reaction路由v6.4加载器和操作中获得Auth0访问令牌?

访问继承接口的属性时在html中出错.角形

从TypeScrip中的其他类型检索泛型类型

已解决:如何使用值类型限制泛型键?

部分更新类型的类型相等

如何从MAT-FORM-FIELD-MAT-SELECT中移除焦点?

如何从对象或类动态生成类型

TS2739将接口类型变量赋值给具体变量

为什么在泛型方法中解析此promise 时会出现类型错误?

如何在Angular /字体中访问API响应的子元素?

在打印脚本中将对象类型转换为数组

有没有更干净的方法来更新**key of T**的值?

数据库中的表请求返回如下日期:2023-07-20T21:39:00.000Z 我需要将此数据格式化为 dd/MM/yyyy HH:mm