angular – 如何使用UI-Router阻止持久性URL锚链接哈希值？

发布时间：2020-12-17 18:09:54 所属栏目：安全来源：网络整理

导读：我在无哈希模式下使用Angular2和 UI-Router 2用于在菜单中使用一些锚链接的简单应用程序.例如： https://example.com/blah/blech https://example.com/blah/blech#specifications https://example.com/blah/derp 如果我从URL中带有散列的路由转到没有散列的

我在无哈希模式下使用Angular2和 UI-Router 2用于在菜单中使用一些锚链接的简单应用程序.例如：

> https://example.com/blah/blech
> https://example.com/blah/blech#specifications
> https://example.com/blah/derp

如果我从URL中带有散列的路由转到没有散列的路由,则散列仍然存在.例如,通过菜单从/ blah / blech#specifications到/ blah / derp会产生/ blah / derp#specifications的浏览器地址.显然这是不正确的,实际上有些限制,例如当我返回/ blah / blech并且哈希值仍然存在时,将窗口发送到该锚点位置.

另一个副作用是以某种不可预测的方式刷新页面.从/ blah / derp转到/ blah / blech#specifications会导致整页刷新.

设置相当标准：

export let derpState: Ng2StateDeclaration = {
    name: 'derpState',component: DerpComponent,url: '/derp'
}

如何将哈希链接与UI-Router 2结合使用,效果良好？ (或者,我如何以其他方式使用带有UI-Router的锚链接？)

解决方法

你使用哪个版本的角2？请升级它.不需要名字和所有.

import { ModuleWithProviders }  from '@angular/core';
import { Routes,RouterModule } from '@angular/router';

import { DerpComponent }    from './derp.component';

const derp: Routes = [
{ path: 'derp',component: DerpComponent }
];
export const derpState: ModuleWithProviders = RouterModule.forChild(derp);

试试这个.希望这会帮助你.

（编辑：李大同）

【声明】本站内容均来自网络，其相关言论仅代表作者个人观点，不代表本站立场。若无意侵犯到您的权利，请及时与联系站长删除相关内容!