Javascript 获取路由参数并在下拉列表中显示默认值,角度为2/4/5,带有平移(ngx平移)

Javascript 获取路由参数并在下拉列表中显示默认值,角度为2/4/5,带有平移(ngx平移),javascript,angular,typescript,angular-ui-router,Javascript,Angular,Typescript,Angular Ui Router,我正在寻找从URL获取路由参数并显示在下拉列表中的解决方案 我尝试了一些解决方案来获取activatedroute,但它没有给出baseref之后的第一个值 比如说 本地主机:4200/volvo/insert 它应将路线参数中的值作为沃尔沃,并在下拉列表中显示所选的沃尔沃 同 localhost:4200/saab/edit 它应该将route params中的值作为saab,并在下拉列表中将所选的默认值显示为saab 沃尔沃汽车 萨博 欧宝 使用未激活的路由器并将其拆分如何 HTML 使用

我正在寻找从URL获取路由参数并显示在下拉列表中的解决方案

我尝试了一些解决方案来获取activatedroute,但它没有给出baseref之后的第一个值

比如说

本地主机:4200/volvo/insert

它应将路线参数中的值作为沃尔沃,并在下拉列表中显示所选的沃尔沃

localhost:4200/saab/edit

它应该将route params中的值作为saab,并在下拉列表中将所选的默认值显示为saab

沃尔沃汽车 萨博 欧宝 使用未激活的路由器并将其拆分如何

HTML


使用此选项,沃尔沃选项将在html中加倍。。因此,在下拉列表中,我们将看到2次volvo。@AtitTable我可能无法理解您的意思,但当前选项是静态的,有3个选项及其值,[ngModel]仅用于获取分配给此选择框处理的当前值。在我们的案例中,routeType ngModel的值为volvo,因此将选择volvo选项,并且不会加倍,因为我们没有运行ngFor。虽然如果你能就你遇到的bug提供一个Stackblitz,我会很乐意去解决它并找到一个解决方案:@KShewengger它像魅力一样工作谢谢,这是我用ngx translate翻译选项时面临的唯一问题。默认值未显示。你能提供你的意见吗?
<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
    }

}