.net mvc3 DropDownList with angularjs

Question

我想用@Html.DropDownList做一个DropDownList，并用AngularJS绑定。

代码

@Html.DropDownList("LessionID", (SelectList)ViewBag.LessionList, "chose one", new { ng_model = "LessionID" })

建议数据如下[课程ID:1，课程名称：英语][课程ID:2，课程名称:体育]。。。。。。

然后html代码

<select id="LessionID" class="ng-pristine ng-valid" ng-model="LessionID" name="LessionID">
   <option value="? object:null ?"></option>
   <option value="">chose one</option>
   <option value="1">English</option>
   <option value="2">Sport</option>

第一个选项如何显示？

它能移除吗？

Answer 1

通过在控制器中将作用域变量设置为默认值，可以删除第一个选项。您已经为下拉列表绑定到的作用域变量的名称选择了名称LessionID。我认为您错过了将此$scope.LessionID设置为默认值，因此它是未定义的，并呈现虚假的下拉条目值[？/null]

代码：

function LessionCtrl($scope) {
  $scope.LessionID = '';
  $scope.alertLession = function() {
    alert($scope.LessionID);
  };
}

<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.0.1/angular.min.js"></script>
<div ng-app>
  <h2>Lession</h2>
  <div ng-controller="LessionCtrl">
    <select id="LessionID" ng-model="LessionID" ng-change="alertLession()" name="LessionID">
      <option value="">chose one</option>
      <option value="1">English</option>
      <option value="2">Sport</option>
    </select>
  </div>