javascript - 智能表转到所选项目

Question

我正在使用smart-table带分页。还有一个默认选定的项目 (isSelected=true)。

我想要实现的是分页转到所选项目所在的表格的实际页面。

我试图从分页中获取$scope，以访问selectPage()函数。但我无法获取$scope。

angular.element($('#pagination')).scope()

返回 Controller $scope

angular.element($('#pagination')).isolatedScope()

返回空

编辑:

这是plnkr .

是否可以从指令中获取范围？我想要从 this directive 获取范围

这是表格 html:

<table st-table="table" st-pipe="pipeFunction" st-safe-src="rowCollection" class="table table-striped">
    ...
    <tfoot>
        <tr>
            <td colspan="5">
                <div id="pagination" st-pagination="" st-items-by-page="8" st-template="/scripts/angular/pagination.custom.html"></div>
            </td>
        </tr>
    </tfoot>
</table>

Answer 1

所以我已经成功管理它了，也是使用默认选择。

javascript:

app.directive('stDefaultSelection', function () {
    return {
        require: 'stTable',
        restrict: 'A',
        scope: {
            selection: '=stDefaultSelection',
        },
        link: function link(scope, element, attrs, controller) {

            scope.$watch('selection', function (newValue, oldValue) {
                var selectionMode = 'single',
                    pagination = controller.tableState().pagination;

                //controller.select(newValue, selectionMode); => causes second call of function

                var rows = controller.getFilteredCollection(),
                    indexOfRow = rows.indexOf(newValue),
                    finalPage = Math.ceil(rows.length / pagination.number);

                if (indexOfRow > -1) {
                    controller.slice(finalPage * pagination.number, pagination.number);
                }
            });
        }
    };
});

html:

 `<table st-default-selection="selectedRow" st-table="table" st-safe-src="rowCollection"></table>`