在Angular 2中，如何在按钮单击时将焦点集中到div的底部

Question

我有一个包含很多组件的div。单击按钮时，焦点应该到达div的底部。在Angular 2中怎么可能？

Answer 1

使用viewchild和nativeelement。然后你将得到一个元素，你将能够使用.focus（）方法。关注viewchild和nativeelement。 https://stackoverflow.com/a/45344187/4834833 它会对你有所帮助。

Answer 2

使用Angular 2，你可以使用jQuery以及简单的javascript。 这里有一个简单的功能你可以使用。 首先，您应该在index.html文件中包含jquery。然后在您的组件中，您可以通过这种方式声明jquery

declare var jQuery: any;

所以这里的功能可以帮助scrool

scrollToDiv(divId){
  var divTag = jQuery("div#" + divId);
  jQuery('html,body').animate({scrollTop: divTag.offset().top},'slow');
}

最后在您的html文件中，您可以执行此操作

<a href="javascript:;" (click)="scrollToDiv('my_div_id')">Click me to scrool</a>