Angular как go перейти к определенной части страницы после нажатия на ссылку - PullRequest
0 голосов
/ 15 апреля 2020

Это код шаблона или html код страницы часто задаваемых вопросов angular после нажатия на вышеуказанные ссылки (см. Изображение для ссылки). Я хочу, чтобы прокрутить вниз к определенному разделу страницы, для которой дается ссылка, пожалуйста, помогите мне, как это сделать !!!

image

Это компонент шаблона:

 import { Location, ViewportScroller } from '@angular/common';
 import { Component, OnDestroy, OnInit } from '@angular/core';
 import { ActivatedRoute, Router } from '@angular/router';
 import { FaqResponse } from '@models/faq/faqResponse';
 import { FaqService } from '@myse/faq/faq.service';
 import { Subscription } from 'rxjs';

 @Component({
    providers: [Location],
    selector: 'myse-faq',
    styleUrls: ['./faq.component.scss'],
    templateUrl: './faq.component.html'
  })
 export class FaqComponent implements OnInit, OnDestroy {
   faqSectionlist: FaqResponse;
   subscription: Subscription;

 gotoPageWithRank: any;
 gotoPagedivWithRank: any;
 identifylink: any;
 rank: any;
 divName: any;

constructor(
  private readonly faqservice: FaqService,
  private readonly router: Router,
  private readonly route: ActivatedRoute,
  private readonly viewportScroller: ViewportScroller
) { }

async ngOnInit() {
  this.faqSectionlist = await this.faqservice.getFaqContent();

}

ngOnDestroy() {
  this.subscription.unsubscribe();
}

gotoPageDiv() {

  window.scroll({
   behavior: 'auto',
   left: 0,
   top: 0
 });

}

 gotoPagedivwithRank(elementId: any): void {
 this.viewportScroller.scrollToAnchor(elementId);

}
gotoPageDivWithURL(url) {
  this.divName = String(url);
}

 identifyLink(link) {
   if (link == null) {
   this.identifylink = null;
   return this.identifyLink;
  } else {
  if (link.substring(0, 3) === 'faq') {
     this.rank = link.substring(3);
     } else {
     this.identifylink = null;
     return this.identifylink;
   }
 }
  }
}

ЭТО ВЫХОДНОЕ ИЗОБРАЖЕНИЕ Я ХОЧУ ЭТИ ВЫШЕ ССЫЛКИ ДЛЯ НАПРАВЛЕНИЯ НА НЕКОТОРЫЕ ЧАСТИ СТРАНИЦЫ НИЖЕ

Ссылочная часть страницы, с которой будет перенаправлена ​​определенная часть страницы при нажатии

Страница разделена на следующие ранги

Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.
...