title: How can I convert a i18next localized string to UpperCase
body: <p>I am working on a UI project using Groovy on Grails and <code>AngularJS</code>. For localization/internationalization we are using <code>ng-i18next</code>. </p>
  
  <p>Here I have a requirement to display the localized text in uppercase. There is a anchor tag in my <code>.gsp</code> file</p>
  
  <pre><code>&lt;a ng-href="${request.contextPath}/#/list"&gt;{{'locales.data.labels.summary' | i18next}}&lt;/a&gt;
  </code></pre>
  
  <p>This displays the text "Summary" after rendering in browser whereas we want to display it as "SUMMARY". </p>
  
  <p>I think there should be a filter which can convert the text in uppercase after translation.</p>