Est-il possible d'avoir un symbole du deux-points dans le sélecteur de directives?

Question

Est-il possible d'avoir un symbole deux-points dans le sélecteur de directives? Cela ne fonctionne pas

@Directive({ 
    selector: '[my:selector]' 
}) 
class MyDirective { 
    constructor(el: ElementRef) {} 
} 

see plunker

Answer 1

De angulaire de Directive Documentation (sous propriétés de métadonnées):

selector doit être une chaîne.

selector peut être déclarée comme une des opérations suivantes:

• element-name: sélectionnez le nom de l'élément.
• .class: sélectionnez par nom de classe.
• [attribute]: sélectionnez par nom d'attribut.
• [attribute=value]: sélectionnez par nom d'attribut et par valeur.
• :not(sub_selector): sélectionnez uniquement si l'élément ne correspond pas au sous-sélecteur.
• selector1, selector2: sélectionnez si sélecteur1 ou sélecteur2 correspond.

Rappelez-vous que vous passez essentiellement un sélecteur CSS dans cette chaîne (à quelques exceptions près, tous les attributs sélecteurs ou sélecteurs de pseudo travaux), parce [attribute:selector] n'est pas un sélecteur CSS valide et n'est pas l'un des valides alternatives que Angular peut comprendre, il échoue.