asp.net - Populate drop down from database with Angular in .net -

i'm attempting learn asp.net , angular @ same time. want display list of states (which retrieved in database) in drop down list using angular. can states display in table. have:

my controller function:

public actionresult statelistdistinct() {     var distinctstates = (from w in db.addresses                               select new { state =     w.address_state}).distinct();          list<string> states = db.addresses.select(state => state.address_state).distinct().tolist();          return view(states);      } 

my current view:

@model list<string>  <table class="table">  @foreach (var item in model) {     <tr>          <td>             @html.displayfor(model => item)         </td>      </tr> }  </table> 

what need drop down populated using angular?

you can visit below link learning dropdown binding using angularjs

http://techbrij.com/angularjs-cascade-dropdownlist-asp-net-mvc

you can visit link http://www.aspdotnet-suresh.com/2015/02/angularjs-bind-set-dropdownlist-value-text-using-ng-options-ng-repeat.html