我正在寻找一种能够在进入我的网站之前根据输入的URL生成数据的解决方案。假设我的网站的域名为mywebsite.com。该方法将如下:
如果用户访问mywebsite.com/A:
console.log(A)
如果用户访问mywebsite.com/B:
console.log(B)
字面上就是这么简单。
mywebsite.com/A mywebsite.com/B是相同的页面,如下所述。
现在,对于Angular上的“强力”解决方案,我将简单地制作不同的页面,并使用指向该页面的url路由。但是,这些新页面中的每一个都将具有完全相同的html布局,因为唯一可以区分它们的就是一小段代码。因此,为什么这样做效率低下。
显然,如果我说10页,此任务效率会降低。我不想生成10个具有相同html的页面,只是为了console.log在此示例中有所不同。
实际上,我不想误导您考虑网页;我觉得这可以在Angular的一个组件上完成。这不是页面问题,而是数据问题:只要url可以在第一页上生成某种唯一数据,那么通过组件交互将这些信息传递到工作流中就变得很简单。
[注意,我经常在可以创建页面链接的大公司看到这种情况:想想Google环聊,页面上的数据(唯一的聊天室)是由google.com/blabla123465adsfas网址生成的。显然,谷歌没有数千个唯一的网页待命。如果可以的话,则最像是同一页。
这很难解释,也许这就是为什么我找不到关于此的任何文档。最大的问题是,如果没有任何后端设置,是否可以完成此操作,这将是一个巨大的好处。
这可能是一个非常简单的解决方案。
TL; DR角度(Angular):是否可以基于访问的URL生成受控数据,而不必为每个唯一的URL创建新页面。甚至更高级别:能够在角度分量上生成数据的唯一URL
非常感谢!
如果我正确理解了您的问题,我想您只需在路由模块中创建其他路由,例如
const routes: Routes = [
{
path: 'routeA',
component: SameSampleComponent
},
{
path: 'routeB',
component: SameSampleComponent
}
];
然后在组件内部只需添加
private router: Router
致构造函数
并调用console.log(this.router.url);
以获取当前路径