在Angular中,redirectTo不会更新地址栏中的路径。这是因为redirectTo是在路由器内部进行重定向,而不是通过浏览器的地址栏进行导航。如果你想要同时更新地址栏中的路径,可以使用路由器的navigate方法来实现。
下面是一个示例解决方法:
import { Router } from '@angular/router';
constructor(private router: Router) { }
this.router.navigate(['/目标路径']);
完整的代码示例:
import { Component, OnInit } from '@angular/core';
import { Router } from '@angular/router';
@Component({
selector: 'app-example',
template: `
`,
})
export class ExampleComponent implements OnInit {
constructor(private router: Router) { }
ngOnInit() {
}
redirectToTarget() {
this.router.navigate(['/目标路径']);
}
}
在这个示例中,当点击按钮时,会触发redirectToTarget方法,然后通过navigate方法进行重定向并更新地址栏中的路径。
注意:目标路径应该是你在路由配置中定义的路径。