angular - 通过单击另一个滚动到 ngFor 角度项目

Question

我的联系人列表按字母类别划分，另一部分包含字母，就像这张图片（图片将有助于理解我的问题）联系人列表

为此，我在字母循环中制作了联系人循环，并用字母循环制作了另一个部分，我想要做的是当单击 v 时，例如将滚动查看联系人部分 vi 为该功能创建的功能，但它需要传递目标元素怎么能我通过这封信去同一个信函部分

    <section  *ngFor="let char of chars;" ><!-- alphabetical array -->
        <div>{{char}}</div>
        <div *ngFor=" let contact of contacts|search:letter||char;"><!-- contacts list array -->
            <a href="#">
                <img [src]="contact.image">
            </a>
            <div>
                <h5>{{contact.firstName}} {{contact.lastName}}</h5>
                <p>{{contact.email}}</p>
            </div>
        </div>
    </section>
    <section><!-- alphabetical array for vertical section -->
        <div *ngFor="let char of chars;"  (click)="scrollCategory()">{{char}}</div>
    </section>
</section>

// 这是滚动功能

scrollCategory(el: HTMLElement) {
    el.scrollIntoView({behavior: 'smooth'});
}

标签： angularngforangularjs-ng-click