title: To display API response inside the dropdown in angular
body: <pre><code>{{data.role}}
   &lt;mat-form-field&gt;
      &lt;mat-label&gt;Role&lt;/mat-label&gt;
         &lt;mat-select &gt;
            &lt;mat-option&gt;selected&lt;/mat-option&gt;
            &lt;mat-option *ngFor="let role of roles" [value] = "role"&gt;
                 {{role.viewValue}}
            &lt;/mat-option&gt;
         &lt;/mat-select&gt;
    &lt;/mat-form-field&gt; 
  </code></pre>
  
  <p><code>{{data.role}}</code> Which i have mentioned is the response from API. 
   How to display it in the drop-down?</p>