How to find out the name of the selector of this component in the code of the Angular component?

Question

Angular

For example, there is such a component.

@Component({
  selector: 'app-test',
  templateUrl: './app-test.component.html',
  styleUrls: ['./app-test.component.scss']
})
export class Test {

}

As in the code, in the Test class, find out the value of the selector field, i.e. get the string 'app-test' in this case?

Answer 1

@Component({
  selector: 'app-test',
  templateUrl: './app-test.component.html',
  styleUrls: ['./app-test.component.scss']
})

export class Test {
  constructor(element: ElementRef<HTMLElement>) {
    const tagName = element.nativeElement.tagName.toLowerCase();
  }
}