如何在不刷新整页的情况下更改URL?

时间:2016-03-06 07:52:29

标签: angularjs url query-parameters route-provider

我正在以角度开发网站,并假设我已导航到iphone详细信息页面,其当前网址是" localhost:8080 / iphone / details" 。 现在我必须实现应用优惠券的新功能。在此假设用户点击来自外部网站的某些超链接, "本地主机:8080 / iphone /细节promotionalCode = 12345"

用户将登陆该页面(页面将在弹出该模式后加载)和模式弹出窗口。这里我将从查询参数中获取促销代码的详细信息。

但我的要求是如果我点击交叉(关闭模态),模态关闭,网址状态应更改为localhost:8080 / iphone / details。

到目前为止我做了什么。

我已经使用$ location.search()。promocode获取promocode如果这是有效的,那么弹出模态将会解除模态我调用函数,其中我使用$ window重置状态。 location.href,但这会使整个页面刷新。有什么建议吗?

2 个答案:

答案 0 :(得分:1)

您需要使用$location.search()

要获取查询参数?promotionalCode=12345,您需要执行$location.search('promotionalCode',12345)

请参阅:AngularJS Documentation for $location

答案 1 :(得分:1)

你可以使用$ stateProvider来给出状态

    Example:   .state('app.page', {
            url: 'iphone/details',
            title: 'Coupon Applied', })