我正在寻找从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
    }

}

10-05 20:53
查看更多