在指令選擇器中是否可以有冒號符號？

Question

在指令選擇器中可以有冒號符號嗎？這不起作用

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

see plunker

Answer 1

從角的Directive Documentation（下元數據屬性）：

selector必須是一個字符串。

selector可以聲明爲以下之一：

• element-name：通過元素名稱來選擇。
• .class：按類名選擇。
• [attribute]：按屬性名稱選擇。
• [attribute=value]：按屬性名稱和值進行選擇。
• :not(sub_selector)：僅當元素與sub_selector不匹配時才選擇。
• selector1, selector2：選擇selector1或selector2是否匹配。

記住，你基本上是一個字符串中傳遞一個CSS選擇器（有一些例外，不是每一個屬性選擇器或僞選擇的作品），所以因爲[attribute:selector]不是有效的CSS選擇器，而不是有效的一個Angular可以理解的替代方案，它失敗了。