首页 > 解决方案 > 如何在不使用Router Angular 6的情况下将参数传递给url并转到另一个页面

问题描述

请告诉我,从一个组件,我需要传递参数并转到另一个页面,例如 loacachost: 8080 / home? {Id},在另一个组件上,切换到loacachost时初始化:8080/home,获取这个参数

标签: angularangular6

解决方案


所以 angular 只是 vanilla javascript 上的另一个框架,对于您的用例,您需要的是窗口对象来重定向附加来自一个组件的查询字符串,然后在新的 url 加载(基本上是第二个组件)上读取此查询参数,如

let params = (new URL(document.location)).searchParams;
let name = params.get("name");

请注意,您搜索参数适用于所有最新的浏览器,以重定向使用

window.location='yoururl'+'name';

推荐阅读