title: How to display Values from a Json Object into a Mat-Select
body: <p>I have an API which returns me an array of Object.Using Filter I am able to fetch only the object I need.
  However inside this object is an array whose value I want to show on mat-select.
  Can someone help me on how to iterate on an array and display it's value on mat-select.</p>
  
  <p>Object that contains values:</p>
  
  <pre><code>{
    "attId" : 2257,
    "attributeName" : "country",
    "attributeValues" : [ "AU", "KG", "IN", "AF" ]
  }
  </code></pre>
  
  <p>I need to show attribute values on mat-select.</p>
  
  <p>For that I have created a mat-select in html.</p>
  
  <pre><code>  &lt;mat-select&gt;
        &lt;mat-option
             *ngFor="let obj of selectedAttributeValues"
                      (click)="get(obj)"
                      [value]="obj.value"&gt;
                {{ obj.viewValue }}
        &lt;/mat-option&gt;
    &lt;/mat-select&gt;
  </code></pre>
  
  <p>I am guessing if somehow I can get the values(attributeValues) from object to selectedAttributeValues Varaible then it will be visible.
  Can someone help me figure out. </p>