javascript - MVC 枚举列表使用 Angular JS 在下拉列表中绑定(bind)

Question

我有一个 MVC 枚举列表，我想使用 Angular 方法将其绑定(bind)到下拉列表中。 怎么可能？

public enum DefultBookType : byte
{
  Not Direct= 0,
  Individual = 1
}

public ActionResult Application(){
  ViewBag.BT = Enum.GetNames(typeof(DefultBookType)).ToList();
  return View();
}

@{
 var lstBT=  @ViewBag.BT
}
<select ng-model="Btype" ng-options="ctr as ctr.Name for ctr in lstBT track by ctr.Id">
   <option value="">select</option>
</select>

Answer 1

您可以按照下面的代码片段进行操作。

替换controller.cs文件中的enum和action:

public enum DefultBookType : byte
{
    NotDirect = 0,
    Individual = 1
}

public ActionResult Application()
{
    ViewData["BT"] = JsonConvert.SerializeObject(Enum.GetValues(typeof(DefultBookType)), Formatting.Indented, new StringEnumConverter());
    return View();
}

您的 .cshtml 将是

<select ng-model="selected" ng-options="key as val for (key, val) in @ViewData["BT"]">
   <option value="">select</option>
</select>

下拉看起来像屏幕截图所示: