選択時にドロップダウン値が消える

Question

get method.itでデータベースからデータをバインドする選択肢が1つあります。select.butでデータを完全にバインドします。オプションの1つを選択すると.itsが消えます。

これは私の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は同様にそれにバインドされ、私のcontollerコードです。つまり、オプションを選択すると、データは1つの値、つまり選択したオプションに変わります。あなたのケースでは、データプロパティが必要です - categoriesと言うことができます。このよう ：

さらにあなたが選択したカテゴリのコントローラ内で別のプロパティを保持し、 ng-modelがそれに結合するには

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

：

ng-model="selectedCategoty"