javascript - 使用 ng-repeat 后专注于特定行

Question

我有一个要求，当使用 ng-repeat 显示项目时，我必须关注特定的行。
假设我有一个包含 100 个项目的列表，每个项目都有字段 itemId，范围从 1 到 100，itemName 和 isAvailable。该列表是使用我编写的 angularjs 服务的 ajax 调用从服务器获取的。 Controller 反过来使用此服务进行 ajax 调用。检索到响应后，我将使用 ng-repeat 在 UI 上显示此列表。到目前为止，一切都很好，但我想在加载页面时自动关注一个 itemId 值为 50 的项目。我想从 Controller 方面做到这一点。
下面是我目前拥有的代码。

HTML

<div id="eventTypes" class="panel-body">
    <div ng-repeat="item in items" class="panel-body">
        <div class="row">
            <div class="col-md-9">{{item.itemId)}}</div>
            <div class="col-md-9">{{item.itemName)}}</div>
            <div class="col-md-9">{{item.isAvailable)}}</div>
        </div>
    </div>
</div>  

JS

(function () {
    'use strict';
    angular.module('myApp').controller('itemsController', function ($scope, itemsService) {

        var serviceError = function (errorMsg) {
            console.log(errorMsg);
        };

        $scope.items = [];

        $scope.loaditems = function () {
            itemsService.getitems().then(function (response) {
                $scope.items = response.data;
            }, serviceError);
        };

        $scope.loaditems();
    });
}());  

上面的代码工作正常。它在 UI 上显示项目。但是，我想在加载页面时自动聚焦(滚动)到项目编号 50。

Answer 1

可以这样做:$("#eventTypes").scrollTop(HeightOfItem*(ItemIndex-1))