I have a JSON Object that looks like this :

```
   "data": [
    {"Name": "First", "Color":"Red"},
    { "Name": "First", "Color":"Blue"},
    {"Name": "First", "Color":"Red"},
    { "Name": "First", "Color":"Pink"},
    { "Name": "First", "Color":"Red"},
    {"Name": "First", "Color":"Blue"},
    { "Name": "Dont Show", "Color":"Red"}

]

```

I want to create a Typescript function that will return only distinct values of the field Color..so : Red,Blue,Pink (once).
This will be in a pipe,
so then I can bind thields in a dropdown and have a dropdown of colors.

So I will have :

```
 <div class="dropdown-menu" aria-labelledby="dropdownMenuButton" *ngFor="let data of data | custompipe">
 <a class="dropdown-item" href="#">{{data.color}}</a>

```

How do I do this in typescript ?
How do I get Colors appeared in the object, but only once.