Как сфокусировать paritcular html компонент на странице с Angular?

Question

Я хочу прокрутить страницу вниз.Когда я нажал на якорь, я хочу остаться на той же странице, но сосредоточиться на частичном элементе или странице вниз.Как мне этого добиться?

Answer 1

Создайте ссылку на элемент в вашем компоненте, как это

@ViewChild('whatever') myElement: ElementRef;

Привязать его к элементу html вот так

<input #whatever />

Тогда вы сможете назвать это следующим образом.

function focusWhatever() {
    this.myElement.nativeElement.focus();
}

Ссылки на элементы - это мощный инструмент в Angular для прямого доступа к элементам DOM, особенно для подобных вещей. Подробнее о них здесь .

Подробнее о методе API el.focus () DOM здесь .