<p class="smallText">{{vehicleItem.registration}}, {{vehicleItem.colour}} {{vehicleItem.make}} {{vehicleItem.model}}</p>
I'd like to capitalize vehicle registration and model and make should be camel case
-
Please see how to ask a question to ensure you can get an appropriate response: stackoverflow.com/help/how-to-askBobby Speirs– Bobby Speirs2017-06-19 13:18:25 +00:00Commented Jun 19, 2017 at 13:18
-
I have edited the question @BobbySpeirsHlayiseka Russel– Hlayiseka Russel2017-06-19 13:20:16 +00:00Commented Jun 19, 2017 at 13:20
-
provide your codeBhargav Chudasama– Bhargav Chudasama2017-06-19 13:24:56 +00:00Commented Jun 19, 2017 at 13:24
Add a comment
|
3 Answers
I will suggest wrapping registration and make with a span containing different classes e.g.
<p><span class="capitalize">{{vehicleItem.registration}}, {{vehicleItem.colour}} <span class="camel-case">{{vehicleItem.make}} </span> {{vehicleItem.model}}</p>
This way you are adding "two" css rules to one element. I also recommend you achieve the camelcase style using Javascript.
Comments
You can write as many classes into an HTML tag as you want, thereby applying as many CSS rules as you want. Example:
<p class="smallText myclass_1 myclass_2">
Comments
I'm not experienced with angular but you should be able to use different functions like
capitalizeFirstLetter(vehicleItem.registration)
and camelize(vehicleItem.model)
Converting any string into camel case
How do I make the first letter of a string uppercase in JavaScript?
Comments
