Angular 15中点击按钮如何移除路由辅助出口left:show-article-navigate

你的问题出在navigate方法的参数结构上，之前把outlets配置和路由路径放在同一个数组里了，Angular不识别这种写法。

正确的写法是把主路由路径作为第一个参数，outlets配置作为第二个独立的配置参数传入：

this.router.navigate(
  ['/app/articles/article/page/', article.id],
  { outlets: { left: null } }
);

原理很简单：Angular里要清除某个辅助路由，就是在导航时给对应outlet设置null，但必须把这个配置放在导航方法的第二个参数（配置对象）里，而不是路径数组中。这样跳转后，路由里的left:show-article-navigate就会被移除，最终路由会变成http://localhost:4200/app/articles/article/page/1200。

内容的提问来源于stack exchange，提问作者Artur Haiduk