ASP.NET MVC下使用AngularJs语言(三)：ng-options

今天使用angularjs的ng-options实现一个DropDownList下拉列表。

准备ASP.NET MVC的model:

@{
ViewBag.Title = "Index";
Layout = "~/Views/Shared/_Layout.cshtml";
}

<div ng-app="PilotApp" ng-controller="PhoneCtrl">
<select ng-model="ddlPhones" ng-options="MobilePhone.Name for MobilePhone in Phones"></select>
</div>

<script src="~/Angularjs/app.js"></script>
<script src="~/Angularjs/PhoneController.js"></script>

上面有句ng-options绑定的表达式中，名词所来自何处，可参考下图指示：

动态效果演示：