如何用Angular聚焦页面中的同层html组件？

Question

我想向下滚动到页面。当我单击锚时，我想保留在同一页面上，但将焦点放在特定元素或向下的页面上。我该如何实现？

Answer 1

像这样在组件中创建元素引用

@ViewChild('whatever') myElement: ElementRef;

像这样将其绑定到html元素

<input #whatever />

然后，您应该可以像这样调用焦点。

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

元素引用是Angular中一个功能强大的工具，可以直接访问DOM元素，尤其是对于此类对象。详细了解它们Error image of expo client app。

详细了解el.focus（）DOM API方法here。