Angular 8以(list detail)类型的设置将动态数据传递到激活的路由中

Angular 8中，可以通过路由参数将动态数据传递到激活的路由中。具体而言，可以使用路由参数来传递列表和详细信息之间的数据。

首先，需要在路由配置中定义一个参数，用于接收动态数据。例如，可以在路由配置中添加一个名为id的参数：

{
  path: 'detail/:id',
  component: DetailComponent
}

接下来，在列表组件中，可以通过路由导航来传递动态数据。假设列表中的每个项都有一个唯一的id属性，可以通过以下方式导航到详细页面并传递动态数据：

import { Router } from '@angular/router';

@Component({
  // ...
})
export class ListComponent {
  constructor(private router: Router) {}

  navigateToDetail(id: number) {
    this.router.navigate(['/detail', id]);
  }
}

在详细页面的组件中，可以通过ActivatedRoute服务来获取传递的动态数据。可以通过订阅params属性来获取路由参数的值：

import { ActivatedRoute } from '@angular/router';

@Component({
  // ...
})
export class DetailComponent implements OnInit {
  id: number;

  constructor(private route: ActivatedRoute) {}

  ngOnInit() {
    this.route.params.subscribe(params => {
      this.id = +params['id'];
      // 根据id加载相应的数据
    });
  }
}

通过上述步骤，就可以在Angular 8中使用路由参数将动态数据传递到激活的路由中了。

关于Angular 8的更多信息，可以参考腾讯云的相关产品和文档：