Angular 2从url查询参数，而不是在地址栏中

Angular 2从URL查询参数获取参数值，而不是在地址栏中。

Angular 2是一种流行的前端开发框架，用于构建单页应用程序。在Angular 2中，可以通过使用Angular的Router模块来获取URL查询参数的值。

URL查询参数是指在URL中以问号（?）开始的参数列表，参数之间使用和号（&）分隔，每个参数由参数名和参数值组成，中间使用等号（=）连接。例如，以下URL包含两个查询参数：http://example.com/page?param1=value1¶m2=value2。

要从URL查询参数中获取参数值，可以使用Angular的ActivatedRoute服务。ActivatedRoute服务提供了一个queryParams属性，该属性是一个Observable对象，可以订阅以获取查询参数的值。

以下是一个示例代码，演示如何在Angular 2中获取URL查询参数的值：

import { Component, OnInit } from '@angular/core';
import { ActivatedRoute } from '@angular/router';

@Component({
  selector: 'app-example',
  templateUrl: './example.component.html',
  styleUrls: ['./example.component.css']
})
export class ExampleComponent implements OnInit {
  param1: string;
  param2: string;

  constructor(private route: ActivatedRoute) { }

  ngOnInit() {
    this.route.queryParams.subscribe(params => {
      this.param1 = params['param1'];
      this.param2 = params['param2'];
    });
  }
}

在上面的代码中，我们注入了ActivatedRoute服务，并在ngOnInit生命周期钩子函数中订阅了queryParams属性。当URL查询参数发生变化时，订阅函数将被调用，并将参数值赋给相应的变量。

这是一个基本的示例，你可以根据自己的需求进行扩展和修改。在实际应用中，你可以根据查询参数的值执行不同的逻辑操作，例如根据参数值加载不同的数据或显示不同的页面。