Uzyskiwanie dostępu do `selector` z wewnątrz składnika Angular 2

Question

Próbuję dowiedzieć się, jak mogę uzyskać dostęp do selector, które przekazujemy do dekoratora @Component.

Na przykład

@Component({ 
    selector: 'my-component' 
}) 
class MyComponent { 
    constructor() { 
    // I was hoping for something like the following but it doesn't exist 
    this.component.selector // my-component 
    } 
} 

Docelowo chciałbym to wykorzystać, aby stworzyć dyrektywę, która automatycznie dodaje atrybut data-tag-name="{this.component.selector}" tak, że można używać zapytań selenu niezawodnie znaleźć moje kanciaste elementy według ich selektora.

nie używam kątomierz

Answer 1

Zastosowanie ElementRef:

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

@Component({ 
    selector: 'my-component' 
}) 
export class MyComponent { 
    constructor(elem: ElementRef) { 
    const tagName = elem.nativeElement.tagName.toLowerCase(); 
    } 
} 

Answer 2

OUTDATED Zobacz https://stackoverflow.com/a/42579760/227299

trzeba uzyskać metadane związane z części:

Ważna uwaga Adnotacje zdjęte się po uruchomieniu AOT compiler renderowanie tego rozwiązania jest nieważne, jeśli szablony są wstępnie kompilowane

@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 
    } 
}