寻找面包屑角6的路线儿童

Question

目前，我正在忙于测试在Angular App中包含面包屑的方法。我找到了一个教程并遵循了它，因此后面的代码来自this教程。

此刻我面临的问题是检查当前激活的路线是否有子级。这是目前从代码中返回的内容，用于检查路由是否有子代：

如您所见，它正在返回一个数组，该数组中包含children数组。我需要做的是将此内部数组分配给children变量。

有人有什么建议吗？我尝试过滤，但它似乎也不起作用？我知道这可能是一个简单的修复。预先谢谢你！

Answer 1

我正在做类似的事情。不能完全确定您要做什么，但是要访问第一个孩子中的数据，您可以执行以下操作：

const firstChild = this.route.snapshot.firstChild
console.log(firstChild.data)

看看是否能完成这项工作。

要对此进行扩展，我的ngOnInit如下所示：

ngOnInit() {
  this.updateTitle()
  this.router.events.subscribe((event) => {
    if (event instanceof NavigationEnd) {
      this.updateTitle()
    }
  })
}

private updateTitle() {
  const firstChild = this.route.snapshot.firstChild
  console.log(firstChild.data)
  // more code
}

在ngOnInit和内部订阅中调用updateTitle方法。我认为这对于赶上init和路线变更很必要。可能不会影响您，具体取决于您的组件组织。