Component Selector | Angular

• Component Selector | Angular

1. Element Selector: Selects the component using an element name. For example:

<app-example></app-example>

@Component({
    selector: 'app-example',
    ...
})

2. Class Selector: Selects the component using a CSS class. For example:

<div class="app-example"></div>

@Component({
    selector: '.app-example',
    ...
})

3. Attribute Selector: Selects the component using an attribute. For example:

<div app-example></div>

@Component({
    selector: '[app-example]',
    ...
})

4. ID Selector: Selects the component using an ID. For example:

<div id="app-example"></div>

@Component({
    selector: '#app-example',
    ...
})