要使用routerLink和state以所需格式获取状态值,可以按照以下步骤进行操作:
首先,确保你的应用程序已经安装并使用了Angular的版本8或更高版本。
在你的组件中,导入Router模块并注入到构造函数中:
import { Router } from '@angular/router';
constructor(private router: Router) {}
Go to Target Route
import { ActivatedRoute } from '@angular/router';
constructor(private route: ActivatedRoute) {}
ngOnInit() {
this.route.paramMap.subscribe(params => {
const state = window.history.state;
console.log(state.data); // 输出传递的状态值
});
}
通过以上步骤,你就可以使用routerLink和state以所需格式获取状态值了。请注意,state属性只在HTML中使用routerLink时才可用,而在ts文件中需要使用window.history.state来获取状态值。