在angularJS中更改分页中的URL答案

【问题标题】：Change URL in Pagination in angularJS在angularJS中更改分页中的URL
【发布时间】：2015-11-23 09:11:25
【问题描述】：

我使用了 angular UI-router，我正在尝试更改分页中的 URL。使用了 UI Bootstrap 分页指令。

我正在使用这个 github link

在这个分页中工作完美。但我需要通过点击分页来更改状态中的网址。

<ul class="pagination" ng-if="1 < pages.length">
<li ng-if="boundaryLinks" ng-class="{ disabled : pagination.current == 1 }">
    <a href="" ng-click="setCurrent(1)">&laquo;</a>
</li>

<li ng-if="directionLinks" ng-class="{ disabled : pagination.current == 1 }">
    <a href="" ng-click="setCurrent(pagination.current - 1)">&lsaquo;</a>
</li>

<li ng-repeat="pageNumber in pages track by $index" ng-class="{ active : pagination.current == pageNumber, disabled : pageNumber == \'...\' }">
    <a ui-sref="result.(pageNumber)" ng-click="setCurrent(pageNumber)">{{ pageNumber }}</a>
</li>

<li ng-if="directionLinks" ng-class="{ disabled : pagination.current == pagination.last }">
    <a href="" ng-click="setCurrent(pagination.current + 1)">&rsaquo;</a>
</li>

<li ng-if="boundaryLinks"  ng-class="{ disabled : pagination.current == pagination.last }">
    <a href="" ng-click="setCurrent(pagination.last)">&raquo;</a>
</li>

在 config.route.js 中

.state('result', {
            url: '/result',
            templateUrl: 'tpl/search_result.html'
        })
        .state('result.{pageNumber:[0-9]{1,4}}', {
            url: "/{pageNumber:[0-9]{1,4}}"
        })

提前致谢。

【问题讨论】：

查看 $location ，它会对您有所帮助。它有一个可以更改 url 的方法。
我刚刚用代码编辑，ui-sref="result.(pageNumber)" 我试过这样但没有运气。
在标签中会是这样的 ui-sref="result({pageNumber: pageNumber})"

标签： javascript angularjs pagination angular-ui-router

【解决方案1】：

嗨，我得到了另一个人的回答。

只需使用下面的状态

.state('result', {
    url: '/result',
    templateUrl: 'tpl/search_result.html'
})
.state('result.pageNumber', {
    url: '/:pageNumber'
});

并像传递 URL 一样

<a ui-sref="result.pageNumber({pageNumber : pageNumber})">{{ pageNumber }}</a>

尝试并得到完美答案。

【讨论】：