title: Ionic2, ion-range custom content of the range pin
body: <p>I am using <code>ion-range</code> with <code>pin</code> and <code>steps</code>. I get the current value in the range pin, but I want to add/append some text next to it.</p>
  
  <p>So far in ionic API and docs I did not find a way to modify the content from the range pin, so I am thinking on maybe appending a span via the code, but so far I know to use .append() function from jQuery.
  The html of the range pin is:</p>
  
  <pre><code>&lt;div class="range-pin" role="presentation"&gt;1&lt;/div&gt;
  </code></pre>
  
  <p>So I want to show it like:</p>
  
  <pre><code>&lt;div class="range-pin" role="presentation"&gt;1 item&lt;/div&gt;
  </code></pre>