我正在寻找从URL获取路由参数并显示在下拉列表中的解决方案。
我已经尝试了一些解决方案来获取activatedroute,但是在baseref之后没有给出第一个值。
例如。
本地主机:4200 / volvo /插入
它应将路径参数中的值作为volvo并在下拉菜单中将其显示为volvo。
如同
本地主机:4200 / saab / edit
它应该从路由参数中获取值作为saab,并在下拉菜单中将所选默认值显示为saab。
<!DOCTYPE html>
<html>
<body>
<select>
<option value="volvo">Volvo</option>
<option value="saab">Saab</option>
<option value="opel">Opel</option>
</select>
</body>
</html>
最佳答案
如何使用未激活的路由器并拆分它
的HTML
<select [(ngModel)]="routeType">
<option value="volvo">Volvo</option>
<option value="saab">Saab</option>
<option value="opel">Opel</option>
</select>
零件
@Component({...})
export class SomeComponent implements OnInit {
routeType: string;
constructor(private router: Router) {}
ngOnInit(): void {
// router.url will give you /volvo/insert so you can split it and choose the 2nd instance of its resulting array
this.routeType = this.router.url.split('/')[1]; // volvo
}
}