使用angular js阻止客户端点击地址栏时的导航
Block navigation when client hits in address bar using angular js
你好,当用户在地址栏输入/定价时,我不得不停止导航并且只在触发$location.path("/pricing")时导航
when("/pricing", {
templateUrl: "app/components/Pricing/pricing.html",
})
如何做到这一点?
您可以做的一件事是设置flag
并仅在标志为true
时导航,否则防止locationChangeStart
中的默认操作。
yourApp.run(['$rootScope', function ($rootScope) {
$rootScope.$on('$locationChangeStart', function (event, next, current) {
if($location.path() == '/pricing' && !flag)
event.preventDefault(); // This prevents the navigation from happening
}
);
}]);
相关文章:
- 后焦点更改为IE 11中的地址栏,而不是转移到表单中的下一个控件
- 地址栏中url的缩短
- XSS通过地址栏注入
- 当地址栏出现时,安卓系统上的css固定页脚被隐藏
- 当移动地址栏出现/消失时,防止更改窗口高度
- 是否可以更改更改特定事件在地址栏或浏览器中的URL
- 自动隐藏地址栏问题
- Firefox for Android - 地址栏内容重叠.有没有解决方案
- 如何在地址栏中的URL更改Firefox JPM时获得通知
- 可折叠侧边栏/导航菜单
- 如何在不重定向用户的情况下更改地址栏URL(不使用历史API?)
- 如何在刷新浏览器地址栏时重置css(a:visited{color:green})
- 我可以在浏览器地址栏上获取#值吗
- 当用户向下滚动我的网页时,如何删除chrome地址栏周围的边框
- 无法导航到 URL 地址栏,只能通过单击链接
- 移动可查看区域的高度(地址栏和导航栏之间)
- 我可以在不导航的情况下更改地址栏中的文本吗?
- 为什么当我在地址栏中键入新的搜索结果,然后Chrome导航到谷歌页面结果时,它会更改tabId
- 在页面跳转导航后更改地址栏中的url,以创建可书签的url
- 使用angular js阻止客户端点击地址栏时的导航