title: How to sort a translated list in Angular 5 (ngx-translate)
body: <p>Let's say I have the following simple html-code (Angular 5, ngx-translate):</p>
  
  <pre><code>&lt;div&gt;
      &lt;div *ngFor="let item of items"&gt;
          &lt;div&gt;{{item | translate}}&lt;/div&gt;
      &lt;/div&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p>I get the list 'items' from the backend via http-get.</p>
  
  <p>My Question is: How can I sort the list of items by their translated values?</p>
  
  <p>Example:  </p>
  
  <p>items:</p>
  
  <pre><code>[ "lbl_a", "lbl_b", "lbl_c" ]  
  </code></pre>
  
  <p>with the translations:</p>
  
  <pre><code>{
      "lbl_a": "tree",
      "lbl_b": "zoo",
      "lbl_c": "car"
  }
  </code></pre>
  
  <p>Then i want to display:</p>
  
  <pre><code>car
  tree
  zoo
  </code></pre>
  
  <p>(sorted by the alphabet)</p>