如何在angular 8中获取所选标签的id和元素引用

在Angular 8中获取所选标签的id和元素引用可以通过以下步骤实现：

1. 首先，为所需的标签添加一个唯一的标识符（id）属性。例如，在HTML模板中的一个标签上添加id属性：

<div id="myElement">...</div>

1. 在组件类中，导入ViewChild装饰器和ElementRef类。ViewChild装饰器用于获取视图中的元素，而ElementRef类提供了对元素的引用。

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

1. 在组件类中，使用ViewChild装饰器和ElementRef类创建一个变量，并将其与所选的标签关联起来。使用标识符（id）作为参数传递给ViewChild装饰器。

@Component({
  ...
})
export class MyComponent {
  @ViewChild('myElement', { static: true }) myElement: ElementRef;
}

其中，'myElement'是标签的id。

1. 现在，可以在组件类的方法中访问所选标签的id和元素引用。例如，可以在ngOnInit生命周期钩子函数中打印出元素的id和引用：

ngOnInit() {
  console.log(this.myElement.nativeElement.id); // 输出所选标签的id
  console.log(this.myElement.nativeElement); // 输出所选标签的元素引用
}

请注意，ViewChild装饰器中的{ static: true }选项是必需的，因为在Angular 8中，ViewChild默认在模板初始化之后才执行。通过将{ static: true }选项设置为true，可以确保ViewChild立即执行并获取所选标签的引用。

推荐的腾讯云相关产品：无

这是如何在Angular 8中获取所选标签的id和元素引用的完善和全面的答案。