title: How to bind API response (json) to drop-down in Angular4
body: <p>I am working in an angular4 application in this I need to bind a drop-down from API response data .</p>
  
  <p>I don't know how to fetch the specific data for the particular section from API.</p>
  
  <p>Here API contains Category ,Group and Sub-group data .Each Group has 2 sub-groups.</p>
  
  <p>I have created a stackblitz file for this Please take a look </p>
  
  <p><a href="https://stackblitz.com/edit/angular-bootstrap-carousel-dynamic2-y6iknh?file=app%2Fapp.component.ts" rel="nofollow noreferrer">https://stackblitz.com/edit/angular-bootstrap-carousel-dynamic2-y6iknh?file=app%2Fapp.component.ts</a></p>
  
  <p>Here I receiving the API response ,But don't know how to assign the values to the dropdown positions.</p>
  
  <p>Can anyone guide me to solve this ..</p>