使URL更具可读性

Question

搜索页面

<p class="text-center" style="margin-bottom: 0px;">
    <button class="btn_1 green" ui-sref='tour_package.pickup-flights({destination: q_param.destination_city, departure_date_range: q_param.date_range})'><i class="icon-search"></i>Search now</button>
</p>

点击搜索并前往下一页后，网址变得如此丑陋。

    http://xxx/#/tour_package/2016~2F07~2F22%20-2016~2F07~2F25

应为http://xxx/#/tour_package/2016/07/22-2016/07/25

Answer 1

我猜你的状态网址如下：

http://xxx/#/tour_package/{{destination}}/{{departure_date_range}}

在将其发送到州之前，你需要摆脱“/”。

将“2016/07/22”转换为“2016-07-22”，以便网址如下所示：

http://xxx/#/tour_package/2016-07-22/2016-07-25

“/”只会增加网址的混淆。你只定义了2个状态参数，但是多个“/”使它成为5。