Angular 2: применить стиль CSS с помощью селектора компонентов

Question

Я изучаю Angular 2, и мне интересно, возможно ли применить стиль CSS, используя компонентный селектор, например так:

компонент

@Component({
    selector: 'app',
    styleUrl: './local.css',
    templateUrl: './app.html',
})
export class AppComponent { }  

стиль

app {
    width: 10px;
    height: 100px;
    background-color: red;
}

Предположим, это возможно, это лучший способ сделать это?

Answer 1

Использование :host вместо

:host {
    width: 10px;
    height: 100px;
    background-color: red;
}

использование app когда вы хотите применить стили снаружи компонента.