angular - 如何从 Angular ActivatedRoute 获取参数

Question

我正在尝试使用 observables 从我激活的路由中获取参数 :id。当我在控制台上打印 params 时，我得到了 :id 的正确值。但是this.id不是这样的。我得到了 NaN 的值。你能告诉我问题是什么吗

export class RecipeEditComponent implements OnInit {
  id: number;
  editMode = false;

  constructor(private route: ActivatedRoute) { }

  ngOnInit() {
    this.route.params.subscribe(
      (params: {id: string}) => {
        this.id = +params.id;
        console.log(this.id);
      }
    );
}
}

Answer 1

改为this.id = +params.get('id')。

您应该使用 get() 方法，因为它为给定的参数 id 返回单个值。您收到错误是因为 params 不是以 id 作为值的键。

export class RecipeEditComponent implements OnInit {
  id: number;
  editMode = false;

  constructor(private route: ActivatedRoute) { }

  ngOnInit() {
  // paramMap replaces params in Angular v4+
   this.route.paramMap.subscribe(params: ParamMap => {
        this.id = +params.get('id');
        console.log(this.id);     
  });
}