angular - 是否可以将角度下拉列表中的选定值附加到 gluu url？

Question

目前我正在以初学者的身份研究角度，我的任务是将下拉列表中的选定值附加到 gluu 登录页面 url，如下所示

如果我的 URL 在附加强文本 之前是这样 的http://localhost/folder/Home

附加后的 url 将是 http://something/xyz.passless.xhtml

我的问题是当我点击登录按钮时如何附加这样的值 URL 应该是这样的 点击这个链接查看他的图片 http://something/xyz.passless.xhtml?lang=en

假设我的下拉菜单是这样的

<select>
<option value=en>en</option>
<option value=en>fr</option>
</select>

请帮助我并很好地解决这个问题提前谢谢

Answer 1

处理 HTML 中的更改事件

<select (change)="onChange($event.target.value)">
<option value=en>en</option>
<option value=fr>fr</option>
</select>

import { Router } from '@angular/router';

constructor(private router: Router){}

// Navigate to the url with params
onChange(currentVal) {
    // suppose your current url is http://something/xyz.passless.xhtml
    // after navigation url will be http://something/xyz.passless.xhtml?lang=en
    this.router.navigate([`/xyz.passless.xhtml`], {
         queryParams: {
              lang: currentVal // 'en' --add any number of params
         }
    });
}