Angular router.navigateByUrl don'；t发送值角度

我正在尝试在组件之间发送1个值。。。但是当我到达我的组件时，我没有收到任何东西

组成部分1：

onCellClicked(event) {
    if (event.colDef.field === 'dni') {
      console.log('dni en mi componente : ', event.value);
      this.router.navigateByUrl('probarborrar/', event.value);
    }
  }

首先检查单元格是否为dni，然后我显示

“console.log（event.value）”

如果为true，我可以看到我的dni。最后是第二部分

路由

     {
        path: 'probarborrar/:idUser',
        component: ProbandoBorrarComponent,
        data: {
          breadcrumb: 'probar'
        }
      }

组成部分2

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

@Component({
  selector: 'app-probando-borrar',
  templateUrl: './probando-borrar.component.html',
  styleUrls: ['./probando-borrar.component.scss']
})
export class ProbandoBorrarComponent implements OnInit {
  public dni;

  constructor(private route: ActivatedRoute) {}

  ngOnInit() {
    this.dni= this.route.snapshot.paramMap.get('idUser');
    console.log('en probando es :', this.dni); -->nothing
  }
}

html

普罗班多·博拉在工作！：{{dni}}

我可以到达组件2，但我没有收到任何东西

试试这个

从'rxjs/operators'导入{map}

ngOnInit() {
    this.dni = this.route
      .queryParamMap
      .pipe(map((params) => {
        const param = params.get('idUser');
        console.log(param);
        return param;
      }
      ));
  }

阅读中有关路由和导航的更多信息。

试试这个

从'rxjs/operators'导入{map}

ngOnInit() {
    this.dni = this.route
      .queryParamMap
      .pipe(map((params) => {
        const param = params.get('idUser');
        console.log(param);
        return param;
      }
      ));
  }

阅读中有关路由和导航的更多信息。

您应该为此使用该功能。显然，

navigateByUrl

有一个。 其次，您需要将一个对象传递给

navigate

函数

签出代码示例

this.router.navigate(['probarborrar'], {queryParams: {idUser: event.value}});

在component2中，检索如下值

constructor(private activatedRoute: ActivatedRoute) {}

ngOnInit() {
  this.activatedRoute.queryParams.subscribe((params) => {
      console.log(params['idUser']);
  });
}

工作演示：

您应该为此使用该函数。显然，

navigateByUrl

有一个。 其次，您需要将一个对象传递给

navigate

函数

签出代码示例

this.router.navigate(['probarborrar'], {queryParams: {idUser: event.value}});

在component2中，检索如下值

constructor(private activatedRoute: ActivatedRoute) {}

ngOnInit() {
  this.activatedRoute.queryParams.subscribe((params) => {
      console.log(params['idUser']);
  });
}

---

工作演示：

它找不到名称映射。管道（映射（…）你从rxjs/operators导入了映射吗？是的，现在我在html:[object object]console中导入映射结果。记录输出并查看。或者你可以使用json管道在html{result | json}上打印它。它找不到名称映射。管道（映射（…）您是否从rxjs/operators导入了映射？是的，现在我将映射结果导入html:[object object]console.log中，记录输出并查看。或者您可以使用json管道将其打印到html{result}Let us.console.log（params['idUser']）; undefined@EduBw看起来像。您应该改为使用。我已经更新了我的代码示例，还添加了一个演示供您查看。错误：未捕获（承诺）：错误：无法匹配任何路由。URL段：“ProbarBarr”错误：无法匹配任何路由。URL段：“ProbarBarr”为您的组件创建路由2。这一切都在演示中演示。好的，很好。我看到了我的错误，非常感谢，其他问题我无法隐藏idUser URL？？？console.log（params['idUser']）; undefined@EduBw看起来像。您应该改为使用。我已经更新了我的代码示例，还添加了一个演示供您查看。错误：未捕获（承诺）：错误：无法匹配任何路由。URL段：“ProbarBarr”错误：无法匹配任何路由。URL段：“ProbarBarr”为您的组件创建路由2。这一切都在演示中演示。好的，很好，我看到了我的错误，非常感谢，其他问题我无法隐藏ID用户URL？？？