将元素添加到DOM - Angular 6后，滚动到页面底部

在Angular 6中，要将元素添加到DOM并滚动到页面底部，可以按照以下步骤进行操作：

1. 首先，使用Angular的内置指令ViewChild来获取对应的DOM元素。在组件的类中，使用@ViewChild装饰器来获取对应的元素引用。例如，如果要获取一个具有#container标识的元素，可以在组件类中添加以下代码：

@ViewChild('container') container: ElementRef;

1. 接下来，在需要添加元素并滚动到底部的地方，使用Renderer2来创建新的元素，并将其添加到DOM中。在组件的构造函数中注入Renderer2，然后使用createElement方法创建新的元素，并使用appendChild方法将其添加到DOM中。例如，可以在某个方法中添加以下代码：

const newElement = this.renderer.createElement('div');
// 设置新元素的内容或样式等
this.renderer.appendChild(this.container.nativeElement, newElement);

1. 最后，使用scrollIntoView方法将页面滚动到底部。在添加元素后，可以使用scrollIntoView方法将新添加的元素滚动到可视区域。例如，可以在添加元素后添加以下代码：

newElement.scrollIntoView({ behavior: 'smooth', block: 'end' });

这样，当将元素添加到DOM后，页面将自动滚动到底部。

关于Angular 6的更多信息和详细介绍，可以参考腾讯云的Angular产品文档：Angular产品介绍