要通过主路由退出Angular嵌套路由,可以使用router-outlet
指令和Router
服务的navigate
方法。
首先,确保在主路由的模板中包含一个router-outlet
指令,用于显示嵌套路由的组件:
然后,在主路由组件的代码中,使用Router
服务的navigate
方法来导航到其他路由:
import { Router } from '@angular/router';
// ...
constructor(private router: Router) {}
goToOtherRoute() {
this.router.navigate(['/other-route']);
}
在上面的示例中,goToOtherRoute
方法会导航到名为other-route
的路由。你可以根据自己的需要修改路由路径。
这样,当在主路由中调用goToOtherRoute
方法时,Angular会根据该路径加载相应的组件,并将其显示在主路由的router-outlet
中,从而实现通过主路由退出嵌套路由的效果。
注意:如果嵌套路由和主路由位于同一级别,可以直接在主路由组件中使用router-outlet
指令。如果嵌套路由是子级路由,则需要在父级路由组件中使用router-outlet
指令。