title: In Angular2 *ngFor iteration, how do I output only unique values from the array?
body: <p>Does it have a built in pipe to do so?</p>
  
  <pre><code>data = [
    {id: 5, name: 'Roger'},
    {id: 5, name: 'Mark'},
    {id: 5, name: 'Zach'},
    {id: 5, name: 'Mark'},
    {id: 5, name: 'Roger'},
  ];
  
  &lt;ul&gt;
    &lt;li *ngFor="let datum of data"&gt;
      {{datum.name}}
    &lt;/li&gt;
  &lt;/ul&gt;
  </code></pre>
  
  <hr>
  
  <p><strong><code>Output</code></strong></p>
  
  <ul>
  <li>Roger</li>
  <li>Mark</li>
  <li>Zach</li>
  <li>Mark</li>
  <li>Roger</li>
  </ul>
  
  <hr>
  
  <p><strong><code>Desired Output</code></strong></p>
  
  <ul>
  <li>Roger</li>
  <li>Mark</li>
  <li>Zach</li>
  </ul>