.net mvc3 DropDownList with angularjs

Question

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

代码

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

suggesst像 [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

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

代码：

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>