Question

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

代码

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

建议数据如 [LessionID：1，LessionName：英文] [LessionID：2，LessionName：体育] ......

然后是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

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

代码：

＆＃13;

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

＆＃13;

<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>

＆＃13;

带有angularjs的.net mvc3 DropDownList

1 个答案: