ドロップダウン選択値角度jsに空白のテキストを設定して表示しない

Question

私はangularJSでC＃/ MVCアプリケーションを作成しています。私はポップアップでドロップダウンを表示する必要がありますレコードが既に値を持っている場合はデフォルトでその値を選択する必要があります。それ以外の場合はデフォルトオプションでオプションを選択します。

ドロップダウンをバインドすることができます。デバッグすると正しいng-model値が表示されますが、その空白が表示されます。

は、ここで私はデバッグすると私は区分が正しいIDを設定できる場合は

$scope.ShowAdPopup = function (adId) { 

    $scope.Popup.CategoryId = 0; 
    $scope.Popup.InterestId = 0; 
    $scope.Popup.SourceId = 0; 

    var filteredData = $filter('filter')($scope.gridAdData, { id: adId }, true); 

    if (filteredData.length > 0) { 
    $scope.Popup.Id = filteredData[0].id; 
    $scope.Popup.AdId = filteredData[0].adId; 
    $scope.Popup.AdName = filteredData[0].adName; 
    $scope.Popup.Category = filteredData[0].category; 
    $scope.Popup.Interest = filteredData[0].interest; 
    $scope.Popup.Source = filteredData[0].source; 
    $scope.Popup.AdUrl = filteredData[0].adUrl; 
    $scope.Popup.CategoryId = filteredData[0].categoryId; 
    $scope.Popup.InterestId = filteredData[0].interestId; 
    $scope.Popup.SourceId = filteredData[0].sourceId; 
} 
$("#divAddGroup").modal({ show: true, backdrop: 'static', keyboard: false }); 

} 

とHTML今すぐ

<div class="form-group"> 
<label class="col-sm-3 control-label">Category</label> 
<!--<div class="col-sm-9"> 
    <input type="text" name="category" class="form-control" ng-model="Popup.Category" /> 
</div>--> 
<div class="col-sm-9"> 
    <select class="form-control" name="categoryDrp" ng-model="Popup.CategoryId"> 
     <option value="">-- choose an option --</option> 
     <option ng-repeat="item in CategoryData" value="{{item.id}}">{{item.categoryName}}</option> 
    </select> 
</div> 

以下のようであるポップアップオープンクリックでコントローラのコードです。例えば7または8または9 CategoryDataが既に持っているが、最初のオプションとしてのディスプレイ「ブランク」Idが

利用可能な場合は、[区分がnullの場合、それが正しい

Answer 1

ある'-- choose an option --'を表示するようng-selected="item.id == Popup.CategoryId"を試してみてください：

<select class="form-control" name="categoryDrp" ng-model="Popup.CategoryId"> 
    <option value="">-- choose an option --</option> 
    <option ng-repeat="item in CategoryData" value="{{item.id}}" 
      ng-selected="item.id == Popup.CategoryId">{{item.categoryName}}</option> 
</select>