выпадающее значение исчезает, когда выбирается

Question

У меня есть один выбор, в котором я привязываю данные из базы данных, получая метод. Он отлично связывает данные в select.but, когда я выбираю один из его вариантов .it исчезает.

Это мой HTML код:

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

это мой код Контроллер илит

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

Ваши данные ng-options является MainCategory и ваш ng-model является переплетены к нему, а также. Это означает, что выбор параметров превращает ваши данные только в одно значение - выбранный вами вариант. В вашем случае у вас должно быть свойство данных, скажем - categories. Как это:

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

Кроме того, вы будете держать в контроллере еще одно свойство для выбранной категории и ng-model будет связываться с ним:

ng-model="selectedCategoty"