如何在angular2应用程序中读取浏览器的url，并在应用程序中使用这些参数

Question

实施例。我在浏览器中有网址，http://localhost:2000/#/?userName=john

我想访问appliaction中的url，并希望在应用程序中使用userName数据。

我正在使用angular2与typescript

Answer 1

您可以使用this.foo = this.route.snapshot.queryParams[ 'userName' ]来访问该值，但您必须设置ActivatedRouteSnapshot和RouterStateSnapshot。

详细了解queryParams以及如何在the official documentation at Angular.io进行设置。