ngStyle more properties

Question

I want to have more properties in ng-style but it won't work.

This is my code line:

<h3 ng-style="{color: titleColor; font-size: titleSize;}">Lorem ipsum dolor sit amet, consectetuer adipiscing elit.</h3>

If I only have the {color: titleColor} then it works perfectly.

Help me to get the font-size in there aswell

You need to wrap `font-size` in quotes also remove semi columns and use comma. i.e `{color: titleColor, 'font-size': titleSize}` What you have is invalid syntax. Look at the console about the error. — PSL, Sep 11 '15 at 13:14

score 3 · Accepted Answer · answered Sep 11 '15 at 13:15

3

This should work:

<h3 ng-style="{'color': titleColor, 'font-size': titleSize}">Lorem ipsum dolor sit amet, consectetuer adipiscing elit.</h3>

answered Sep 11 '15 at 13:15

Shikloshi

1 Answers1