Component 之 selector

[hexuanzhang]

selector

支持 element, [attribute], .class 和 :not() 四种选择器。

• 元素选择器

@Component({
    selector: 'selector-element',
    template: `元素选择器`
})

• 属性选择器

@Component({
    selector: '[selector-attr=attr]',
    // selector: '[selector-attr]'
    template: `属性选择器`
})

• 类选择器

@Component({
    selector: '.selector-class',
    template: `类选择器`
})

• not 选择器

@Component({
    selector: 'span.selector:not(.selector-not)',
    template: `not 选择器`
})

参考资料

• cheatsheet