Angular4/typescript - onclick滚动到页面底部

Angular是一种流行的前端开发框架，而TypeScript是一种用于编写Angular应用程序的编程语言。在Angular中，可以使用onclick事件来实现滚动到页面底部的功能。

要实现这个功能，可以使用Angular的Renderer2服务来操作DOM元素。首先，需要在组件的构造函数中注入Renderer2服务：

import { Component, ElementRef, Renderer2 } from '@angular/core';

@Component({
  selector: 'app-my-component',
  template: `
    <button (click)="scrollToBottom()">Scroll to Bottom</button>
  `
})
export class MyComponent {
  constructor(private elementRef: ElementRef, private renderer: Renderer2) {}

  scrollToBottom() {
    const element = this.elementRef.nativeElement;
    this.renderer.setProperty(element, 'scrollTop', element.scrollHeight);
  }
}

在上面的代码中，我们通过注入ElementRef和Renderer2服务来获取组件的根元素，并使用Renderer2的setProperty方法将scrollTop属性设置为元素的scrollHeight，从而实现滚动到页面底部的效果。

关于Angular和TypeScript的更多信息，可以参考腾讯云的Angular产品介绍页面：Angular产品介绍

注意：以上答案中提到的腾讯云仅为示例，实际使用时请根据具体需求选择适合的云计算品牌商。