angular - Angular ActivatedRoute 中的 this.route.params 和 this.route.snapshot.params 有什么区别

标签 angular

constructor(private recipeService : RecipeService , private route : ActivatedRoute) { }

  ngOnInit() {
    const id = this.route.params['id'];
const id = this.route.snapshot.params['id'];
  }

route.snapshot.params和route.params在angular中什么时候用route.snapshot.params,什么时候用route.params有什么区别

最佳答案

正如它在官方 Angular 网站上提到的那样。

快照:您可以及时获得该路线在特定时刻的当前快照。 (包含有关与在特定时刻加载到 socket 中的组件关联的路由的信息。ActivatedRouteSnapshot 也可用于遍历路由器状态树。) 您可以在以下链接中查看示例说明。 https://angular.io/api/router/ActivatedRouteSnapshot#description

params:是一个 Observable,你可以订阅它。 (此路由范围内的矩阵参数的可观察值。) 您可以在以下链接中查看示例说明 https://angular.io/api/router/ActivatedRoute#description

关于angular - Angular ActivatedRoute 中的 this.route.params 和 this.route.snapshot.params 有什么区别,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/70797769/

相关文章:

javascript - 使用 Angular 和 Node 进行服务器端渲染

angular - 无法在 Material Multiselect Angular 6 中设置默认值

javascript - 使用 *ngIf 处理正在打印的事件标志与非事件标志以在 Angular 2 应用程序中查看

javascript - Angular 是如何读取插值的?

angular - 当我们点击在子模板中定义的按钮时,如何隐藏 PrimeNG 侧边栏(在父模板中定义)?

javascript - 如果已经使用 Angular2 检查了复选框,如何保持该复选框处于选中状态

Angular 4 在 APP_INITIALIZER 中注入(inject)路由

angular - 公共(public)或私有(private) - Angular 2 组件类方法混淆

html - 在处理静态标题和内容容器溢出时,如何在加载不同组件后重置滚动位置?

javascript - Angular 4 中的受控输入组件