Accessing `selector` from within an Angular 2 component
Use ElementRef
:
import { Component, ElementRef } from '@angular/core'
@Component({
selector: 'my-component'
})
export class MyComponent {
constructor(elem: ElementRef) {
const tagName = elem.nativeElement.tagName.toLowerCase();
}
}
OUTDATED See https://stackoverflow.com/a/42579760/227299
You need to get the metadata associated with your component:
Important Note Annotations get stripped out when you run the AOT compiler rendering this solution invalid if you are pre compiling templates
@Component({
selector: 'my-component'
})
class MyComponent {
constructor() {
// Access `MyComponent` without relying on its name
var annotations = Reflect.getMetadata('annotations', this.constructor);
var componentMetadata = annotations.find(annotation => {
return (annotation instanceof ComponentMetadata);
});
var selector = componentMetadata.selector // my-component
}
}