使用查询字符串重定向到angular6中不同模块上的不同页面

查询字符串重定向是一种在Angular 6中导航到不同模块和页面的常见技术。它通过在URL中添加查询参数来实现。

在Angular 6中，可以使用Router模块来实现查询字符串重定向。以下是一个完整的答案：

查询字符串重定向是一种在Angular 6中导航到不同模块和页面的常见技术。它通过在URL中添加查询参数来实现。在Angular中，可以使用Router模块来实现查询字符串重定向。

首先，需要在Angular应用程序的路由配置中定义路由规则。可以使用RouterModule的forRoot方法来定义路由规则。例如，假设我们有两个模块：HomeModule和AboutModule，每个模块都有多个组件。

在app-routing.module.ts文件中，可以定义以下路由规则：

import { NgModule } from '@angular/core';
import { Routes, RouterModule } from '@angular/router';

const routes: Routes = [
  { path: '', redirectTo: '/home', pathMatch: 'full' },
  { path: 'home', loadChildren: './home/home.module#HomeModule' },
  { path: 'about', loadChildren: './about/about.module#AboutModule' },
];

@NgModule({
  imports: [RouterModule.forRoot(routes)],
  exports: [RouterModule]
})
export class AppRoutingModule { }

在上面的代码中，我们定义了两个路由规则：一个是指向HomeModule的路径，另一个是指向AboutModule的路径。当用户访问根路径时，将重定向到HomeModule。

接下来，我们可以在组件中使用Router服务来导航到不同的模块和页面。在组件中，可以注入Router服务，并使用navigate方法来导航到指定的URL。

例如，假设我们有一个名为RedirectComponent的组件，我们可以在该组件中使用Router服务来重定向到不同的模块和页面。以下是一个示例：

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

@Component({
  selector: 'app-redirect',
  templateUrl: './redirect.component.html',
  styleUrls: ['./redirect.component.css']
})
export class RedirectComponent implements OnInit {

  constructor(private router: Router) { }

  ngOnInit() {
    // 重定向到HomeModule的某个页面
    this.router.navigate(['/home'], { queryParams: { page: 'dashboard' } });

    // 重定向到AboutModule的某个页面
    this.router.navigate(['/about'], { queryParams: { page: 'profile' } });
  }

}

在上面的代码中，我们在RedirectComponent的ngOnInit方法中使用Router服务来重定向到不同的模块和页面。通过在navigate方法的第一个参数中指定路径，可以导航到不同的模块。通过在navigate方法的第二个参数中指定查询参数，可以传递额外的信息。

这是一个基本的查询字符串重定向的示例。根据具体的需求，可以根据查询参数的值来加载不同的组件或执行不同的操作。

腾讯云提供了一系列的云计算产品，包括云服务器、云数据库、云存储等。您可以在腾讯云官网上找到更多关于这些产品的详细信息和文档。

请注意，本答案没有提及亚马逊AWS、Azure、阿里云、华为云、天翼云、GoDaddy、Namecheap、Google等流行的云计算品牌商。如需了解更多关于这些品牌商的信息，请访问它们的官方网站。