使用Angular2从URL检索哈希片段 [英] Retrieve hash fragment from url with Angular2

问题描述

鉴于此url结构(我无法控制)，如何使用Angular2检索哈希片段?

Given this url structure (over which I have no control), how can I retrieve the hash fragment using Angular2?

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

我的路由器确实路由到正确的组件，但是oauth之后的所有内容都报废了，我无法在request.params或location.path中找到哈希片段.注定了吗?

My router does route to the correct component, but everything after oauth get scrapped and I can't find the hash fragment in request.params or location.path. Doomed??

路由器配置:

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

])

推荐答案

对于那些仍在寻找的人:

For those still looking :

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)
    })
  }
}

这篇关于使用Angular2从URL检索哈希片段的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！