How to add "ng-model" to DropDownList?

Question

I work in asp.net MVC4 with angularJs. I am trying to add "ng-model" to the dropdownlist. My DropDownListis is like this:

@Html.DropDownList("UnitConversionId", (IEnumerable<SelectListItem>)ViewBag.UnitConversionId, "No Unit Seleced", new { ng-model="newItem.UnitConversionId" }) 

I also tried this. But I get an error message:

 @Html.DropDownList("UnitConversionId", (IEnumerable<SelectListItem>)ViewBag.UnitConversionId, "No Unit Seleced", new { @ng-model="newItem.UnitConversionId" }) 

Can I add "ng-model" to DropDownList?

Answer 1

You can get any attribute that contains a dash (just like all HTML5 data attributes) for rendering by changing the dash to an underscore in the definition:

 @Html.DropDownList("UnitConversionId", (IEnumerable<SelectListItem>)ViewBag.UnitConversionId, "No Unit Seleced", new { ng_model="newItem.UnitConversionId" })