使用Angular 8，如何获得对DOM元素的引用，该元素在页面其余部分加载几秒钟后加载？

在Angular 8中，要获得对DOM元素的引用并在页面其余部分加载几秒钟后加载，可以使用Angular的ViewChild装饰器和setTimeout函数来实现。

首先，在组件的类中，使用ViewChild装饰器来获取对DOM元素的引用。ViewChild装饰器接受一个参数，该参数是一个选择器，用于选择要引用的DOM元素。例如，如果要引用一个具有“myElement”类的DOM元素，可以使用以下代码：

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

@Component({
  selector: 'app-my-component',
  template: `
    <div class="myElement">Hello World</div>
  `
})
export class MyComponent {
  @ViewChild('myElement', { static: false }) myElement: ElementRef;
}

在上面的代码中，@ViewChild('myElement')装饰器将DOM元素的引用存储在myElement属性中。

接下来，可以使用setTimeout函数来延迟加载页面其余部分。在ngAfterViewInit生命周期钩子函数中，可以使用setTimeout函数来延迟执行代码。例如，如果要在页面加载后的5秒钟后加载其余部分，可以使用以下代码：

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

@Component({
  selector: 'app-my-component',
  template: `
    <div class="myElement">Hello World</div>
    <div *ngIf="showRestOfPage">Rest of the page content</div>
  `
})
export class MyComponent {
  @ViewChild('myElement', { static: false }) myElement: ElementRef;
  showRestOfPage = false;

  ngAfterViewInit() {
    setTimeout(() => {
      this.showRestOfPage = true;
    }, 5000);
  }
}

在上面的代码中，ngAfterViewInit生命周期钩子函数会在组件的视图初始化完成后被调用。在该钩子函数中，使用setTimeout函数来延迟5秒钟后将showRestOfPage属性设置为true，从而显示页面的其余部分。

这样，当页面加载后的5秒钟后，页面的其余部分将会被加载并显示出来。

推荐的腾讯云相关产品：腾讯云云服务器（CVM）和腾讯云对象存储（COS）。