Dropdown-Wert verschwindet, wenn wählen

Question

Ich habe eine Auswahl, in der ich Daten von der Datenbank binden durch get method.it bindet Daten perfekt in select.but, wenn ich eine Option auswähle. Sie verschwindet..eine Hilfe geschätzt.

Das ist mein HTML-Code:

<select class="form-control" ng-model="MainCategory" ng-options="main.Name for main in MainCategory track by main.ID" placeholder="Select Main Category"> 
          <option value=""></option> 
         </select> 

das ist mein contoller Code

var baseURL = 'http://localhost:50928/api/ProductAPI/'; 
var MainCategory = []; 
url = baseURL + "GetMainCategoryList"; 
$http.get(url) 
    .success(function (data) { 
     $scope.MainCategory = data; 
     console.log(data); 

    }).error(function (data) { 
     console.log(data); 

    }); 

Answer 1

Ihre ng-options Daten MainCategory und Ihr ng-model ist es so gut binded. Dies bedeutet, dass die Auswahl einer Option Ihre Daten nur auf einen Wert setzt - Ihre ausgewählte Option. In Ihrem Fall sollten Sie eine Dateneigenschaft haben, sagen wir - categories. So:

ng-options="main.Name for main in categories track by main.ID" 

Zusätzlich Sie in Ihrem Controller eine andere Eigenschaft für die gewählte Kategorie halten und ng-model daran binden:

ng-model="selectedCategoty"