在Angular中，@ViewChild是指通过元素的局部变量名称引用模板中的元素。通过在元素上添加标识符，我们可以在组件中获取对该元素的引用。常见的方法是使用元素的ID值或以#作为前缀的局部变量名。而使用元素的ID值时，ID命名需要注意不能与Angular保留关键字重复，否则会导致编译错误。

示例代码：

HTML模板：

这是一个div元素

组件代码：

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

@Component({
  selector: 'app-root',
  templateUrl: './app.component.html',
  styleUrls: ['./app.component.scss']
})
export class AppComponent {
  @ViewChild('myDiv') myDiv: ElementRef;

  ngAfterViewInit() {
    console.log(this.myDiv.nativeElement);
  }
}

在上面的示例中，我们使用了#myDiv作为元素的局部变量名，并使用@ViewChild装饰器获取了对该元素的引用。在ngAfterViewInit生命周期钩子中，我们可以通过this.myDiv.nativeElement获取到该元素的原生DOM对象，并进行相应的操作。