Populate drop down from database with Angular in .net

Question

I'm attempting to learn ASP.net and Angular at the same time. What I want to do is display a list of states (which is retrieved in from a database) in a drop down list using Angular. I can get the states to display in a table. This is what I 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 do I need to do to get a drop down populated using Angular?

Moni Bhattacharya · Accepted Answer · 2015-05-12 16:35:30Z

2

You can visit the below link for learning dropdown binding using AngularJs

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

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

edited May 12, 2015 at 16:35

answered May 12, 2015 at 3:43

Moni Bhattacharya

1333 silver badges14 bronze badges

Sign up to request clarification or add additional context in comments.

1 Comment

gunr2171 Over a year ago

This is a borderline link-only answer. You should expand your answer to include as much information here, and use the link only for reference.

Collectives™ on Stack Overflow

Populate drop down from database with Angular in .net

1 Answer 1

1 Comment

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

1 Comment

Your Answer

Sign up or log in

Post as a guest

Related