angular - 是否可以将角度下拉列表中的选定值附加到 gluu url?
问题描述
目前我正在以初学者的身份研究角度,我的任务是将下拉列表中的选定值附加到 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>
请帮助我并很好地解决这个问题提前谢谢
解决方案
处理 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
}
});
}
推荐阅读
- typescript - TypeScript 动态生成值类型检查
- django - Django 优先队列
- android - 如何在android按钮中添加阴影?
- javascript - React ref 在循环内重新渲染时中断
- kubernetes - Kubernetes - 如何通过休息请求从 pod 中的 Web 服务器访问服务
- javascript - Flatlist 从项目中获取价值
- node.js - MochaJS:被拒绝的承诺不会触发失败的测试
- javascript - 从 XML 对象获取地址到 NetSuite 中的变量
- javascript - 如何在 Chrome 开发工具中的元素属性下编辑元素
- php - 在 Laravel 项目中将 Crawler 脚本放在哪里?