2.1 selector 声明选择符 - RLwu/angular-start GitHub Wiki

使用Component注解的selector属性来告诉Angular2框架，当编译、链接模板时，如果看到这个选择符，就实例化一个组件对象。

selector属性应当被指定为一个CSS选择符，比如：

标签名选择符

@Component({selector:"ez-one",template:"TAGNAME-SELECTOR"})
class EzOne{}

将匹配：<ez-one>...</ez-one>

CSS类选择符

下面的组件示例将匹配： <any class="ez-two">...</any>

@Component({selector:".ez-two",template:"CSSCLASS-SELECTOR"})
class EzTwo{}

属性选择符

下面的示例将匹配：<any ez-three>...</any>

@Component({selector:"[ez-three]",template:"ATTR-SELECTOR"})
class EzThree{}

属性值选择符

下面的示例将匹配：<any ez-four='123'>...</any>

@Component({selector:"[ez-four=123]",template:"ATTRVAL-SELECTOR"})
class EzFour{}