Angularjs 设置<；a>；角度ui引导分页模块中的标记

出于搜索引擎优化的目的，我想抓取我的angular应用程序来创建html快照。是否有办法设置分页指令的锚定标记的“href”属性

理想的方法是将基本URL作为参数并附加页码：

"http://www.somesite.com/products/" + page

我当前的分页指令实现如下所示：

<pagination 
    total-items="grid.totalCount" 
    items-per-page="grid.pageSize"
    ng-model="grid.pageNumber" 
    force-ellipses="true" 
    max-size="7" 
    class="pagination-sm  hidden-xs hidden-sm" 
    rotate="false"
    boundary-links="true"
    first-text="1"
    last-text="{{ grid.pageCount }}"
    ng-class="{
        'remove-boundaries': grid.pageCount <= 7, 
        'remove-first-boundaries': grid.pageNumber <= 7, 
        'remove-last-boundaries': grid.pageNumber >= grid.pageCount - 7 
}">
</pagination>

---

您可以尝试扩展指令（例如装饰它）并覆盖click事件以执行对服务器的请求

编辑： 类似于此：

app.config(function($provide) {
    $provide.decorator('paneDirective', function($delegate) {
        var directive = $delegate[0];
        angular.extend(directive.scope, {
            disabled:'@'
        });
        return $delegate;
    });
});

---

上面的示例扩展了pane指令，并在指令范围中添加了一个属性“disabled”。

虽然此链接可以回答问题，但最好在此处包含答案的基本部分，并提供链接以供参考。如果链接页面发生更改，仅链接的答案可能无效。答案本身实际上解释了步骤。链接只是一个例子。但是，ok将添加一些代码作为示例。