title: how to set currency change(cents) into a superscript using AngularJS currency?
body: <p>I would like to turn the price tag into this format:</p>
  <p><a href="https://i.stack.imgur.com/NXDYJ.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/NXDYJ.png" alt="enter image description here" /></a></p>
  <p>Is it possible to do this in AngularJS?  Where the decimals are in a superscript format.  So far I'm using this filer <code>{{ pricetag | currency}}</code> which displays to:</p>
  <p><a href="https://i.stack.imgur.com/ttaZL.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/ttaZL.png" alt="enter image description here" /></a></p>
  <p>If I need to build a custom filter for this, how do I go about?  I'm not familiar with Angular filters, I'm still a noob.</p>
  <p>I found this code, but it removes the decimals.  Maybe if I can modify it and grab the decimals in a separate variable.</p>
  <pre><code>angular.module('your-module', [])
  .filter('mycurrency', [ '$filter', '$locale', function ($filter, $locale) {
      var currency = $filter('currency'), formats = $locale.NUMBER_FORMATS;
      return function (amount, symbol) {
          var value = currency(amount, symbol);
          return value.replace(
              new RegExp('\\' + formats.DECIMAL_SEP + '\\d{2}'), '');
      } 
  }]);
  </code></pre>
  <p>Or do a regex set apart the decimals and turn into two scopes.  Say <code>scope.price = '24'</code> and <code>scope.change = '92'</code>.  Again, how I would go about splitting the price tag w/ regex.</p>
  <p>Your help will be appreciated.</p>