在这种情况下触发选择第一项的优雅方法是什么？ [关闭]

Question

我有一个这样的主从设置：

https://stackblitz.com/angular/jxgxoekjyeb?file=src%2Fapp%2Fhero-detail%2Fhero-detail.component.html

我希望默认浏览器显示第一个主条目的详细视图。在上面 url 提供的示例中，直到用户手动从主列表中选择一个项目后，才会显示详细项目。在这种情况下动态触发选择第一项以便在页面加载时显示详细视图的优雅方法是什么？

Answer 1

将this.selectedHero 设置为this.heroes 内#ngOnInit 中的第一项即可。