The Situation
<div> APRIL </div>
My job was to replace this with the controller variable currentMonth and make sure that the text always appears in all caps, regardless of the case of the string stored in the variable. Sounds like a great opportunity for, dun da da da dun dun dun daaaaaaaaannn: filters!
HTML Filter Solution
<div> {{ ctrl.currentMonth | uppercase }} </div>
This is a nice syntax and looks quite lovely, but it's actually not as optimized as the method below.
JavaScript Filter Solution
self.calendarMonth = $filter('uppercase')(self.calendarMonth);
And as another optimization we can replace the interpolation curly braces with ng-bind like this:
<div> <span ng-bind="ctrl.currentMonth"></span> </div>