javascript - 以 Angular 获取模态组件中的路由参数

Question

我无法在模态组件中获取路由参数数据。

网址:http://localhost:4200/portal/profiles/edit/5303

路由:

{ 
  path: ':accountId', 
  component: ProfileOverviewComponent, 
  data: { 
    title: 'Profile Overview', 
    icon: 'fa fa-id-card-o' 
  }
},

此命令返回错误:

if (this.route.snapshot.paramMap.get('accountId'))

Answer 1

使用命名导出创建的模态组件独立于(未命名的)主要路线，但简单地堆叠在顶部。您是否需要从主路由获取路由参数(或任何其他数据)，您可以通过激活路由的“root”属性访问它。

你可以这样做:

const getLastChild = (route) => {
  let child = route;
  while (child.firstChild) {
    child = child.firstChild
  }
  return child;
}

const primary = this.route.snapshot.root; // Get the primary route
const lastChild = getLastChild(primary); // Get the last child (from which you want the params).
const params = lastChild.params;

这应该可以解决您的问题，否则请发表评论。