Use variable in style tag in angular template?

Question

I am working on angular 5 application, and I have requirement of applying dynamic css in style tag in template. I have tried some solutions but they are not working.

app

Answer 1

You can use [ngStyle] directive:

 This is angular 5 application

Or like so:

 This is angular 5 application

And in component:

applyStyles() {
    const styles = {'color' : 'red'};
    return styles;
}