在 ng-repeat tr 元素上使用 $anchorScroll答案

【问题标题】：Using $anchorScroll on ng-repeat tr elements在 ng-repeat tr 元素上使用 $anchorScroll
【发布时间】：2015-12-09 22:21:23
【问题描述】：

我很难让 $anchorScroll 起作用，以便单击 tr 元素滚动屏幕，使 tr 位于屏幕的最顶部

我有一个中继器，它的 tr 元素看起来像

<tr ng-click='selectRow(row, $index);' id="trRow{{row.RowId}}">

我的选择订单方法看起来像

    $scope.selectRow = function (row, index) {

        $location.hash('#trRow' + row.RowId);
        $anchorScroll();
        ....

我将 $location 和 $anchorScroll 都注入到我的控制器中，如果我使用 console.log ，我可以看到它们包含正确的数据。我还可以验证该行是否正确传递给该方法。

使用上面的代码，不会发生滚动事件。

【问题讨论】：

【解决方案1】：

很抱歉，答案很晚，但我遇到了同样的问题并在这里结束。无法真正理解为什么它不起作用，但我解决它的方法是通过在第一个 td 上放置一个带有 id 的空跨度，然后就像你做的那样。

【讨论】：