title: Sort an array with integers and letters alphabetic in Angular / Typescript
body: <h1>What I plan to do</h1>
  <p>I try to sort an array like this...</p>
  <ul>
  <li>1</li>
  <li>2</li>
  <li>2(a)</li>
  <li>2(b)</li>
  <li>2(b) #AsimpleName</li>
  <li>2(b) #NameWithN</li>
  <li>3</li>
  <li>4</li>
  <li>4(a)</li>
  <li>...</li>
  </ul>
  <p>... in Angular2.</p>
  <h1>My Current Code</h1>
  <p><strong>Component</strong></p>
  <pre><code>this.streetDetailRef = this.afDatabase.list('data/users/' + this.currentUserID + '/territory/' + this.sStreet.parentKey + '/' + this.sStreet.key + '/houseNumbers/');
  this.streetDetailData = this.streetDetailRef.snapshotChanges().map(changes =&gt; {
    return changes.map(c =&gt; ({ key: c.payload.key, ...c.payload.val() })).sort();
  });
  </code></pre>
  <p><strong>The loop in my view</strong></p>
  <pre><code>&lt;ion-item-sliding *ngFor=&quot;let house of streetDetailData | async | orderBy: 'number':false&quot; #slidingItem&gt;
  &lt;strong&gt;{{ house.number }}&lt;/strong&gt; ...
  </code></pre>
  <p><code>'number'</code> in this case is the clean number without letter. I store the letter in a separate firebase entry. But sure would be possible to store them in the same if needed.</p>
  <p>Additional information: I'm using the ngx-orderBy-pipe by VadimDez: <a href="https://github.com/VadimDez/ngx-order-pipe" rel="nofollow noreferrer">https://github.com/VadimDez/ngx-order-pipe</a></p>
  <h1>The current result</h1>
  <p><a href="https://i.stack.imgur.com/zYei1.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/zYei1.png" alt="enter image description here" /></a></p>