title: ngFor full list and unique list
body: <p>Apologies if this is a duplicate question, I'm new to Angular and I've tried to implement a number of solutions to no avail and can't seem to find a thread that answers my problem.</p>
  
  <p>I'm in the initial stages of setting up a web app so for now I'm using an InMemoryDataService (I do have services set up in Laravel, just don't have them tied in yet) that looks like this:</p>
  
  <pre><code>import { InMemoryDbService } from 'angular-in-memory-web-api';
  
  export class InMemoryDataService implements InMemoryDbService {
  createDb() {
  const passwords = [
  { id: 1, team_id: 1, team_name: 'Dragons', fname: 'Bob', lname: 'Smith'},
  { id: 2, team_id: 1, team_name: 'Dragons', fname: 'Jason', lname: 'Roberts'},
  { id: 3, team_id: 1, team_name: 'Dragons', fname: 'Mike', lname: 'Ferraro'},
  { id: 4, team_id: 2, team_name: 'Eagles', fname: 'Jeremy', lname: 'Lovano'},
  { id: 5, team_id: 2, team_name: 'Eagles', fname: 'Robert', lname: 'Casey'},
  { id: 6, team_id: 3, team_name: 'Wolves', fname: 'Mark', lname: 'Thomas'},
  { id: 7, team_id: 3, team_name: 'Wolves', fname: 'Steve', lname: 'Garner'}
  ];
  return {clients};
  }
  }
  </code></pre>
  
  <p>I can get it to display fine and build out a data table using ngFor but I want to also have a select menu using only the unique teams so like this:</p>
  
  <pre><code>&lt;select&gt;
  &lt;option value="1"&gt;Dragons&lt;/option&gt;
  &lt;option value="2"&gt;Eagles&lt;/option&gt;
  &lt;option value="3"&gt;Wolves&lt;/option&gt;
  &lt;/select&gt;
  </code></pre>
  
  <p>What is the best way to accomplish this?</p>