angular2 - 基于外部查询参数的组件路由

时间:2016-08-04 17:01:55

标签: angular angular2-routing angular2-directives

如何根据某些查询字符串配置路由器以支持重定向? 考虑以下场景: 该应用程序发送一封包含代码验证的电子邮件,我希望用户点击该电子邮件并转到特定组件。 (例如 - http://some.site.com/activate?code=XXX)应该转到ActivateComponent并将代码作为输入。

我怎样才能做到这一点?

1 个答案:

答案 0 :(得分:2)

你可以,尝试以下,

output = np.dot(np.linalg.inv(np.dot(np.transpose(A), A)), np.transpose(A))

如果你想去这条路,你可以有类似下面的功能,

Route,
 { path: 'activate', component: ActivateComponent  }

@Component({
   selector: 'activate',
   template: `
     <h1>{{code | async}}</h1>
   `
  })
export class ActivateComponent  {
  code = "";
 constructor(private router: Router) {}

 ngOnInit() {
  // Capture the code if available
    this.code = this.router
     .routerState
     .queryParams
     .map(params => params['code'] || 'None');
  }
}

以下是Plunker!!

希望这会有所帮助!!