ng-change не работает в Выбрать

Question

Я не знаю, что произойдет, но эта функция кажется неработоспособной вообще.

Вот мое мнение:

<tr> 
    <th>Category</th> 
    <td> 
     <select class="form-control" ng-model="masterlist.category_id" ng-options="c.category_id as c.category_name for c in category" required data-ng-change="getSubCategory(c.category_id)"></select> 
    </td> 
</tr> 
<tr> 
    <th>Sub Category</th> 
    <td> 
               <select class="form-control" ng-model="masterlist.sub_category_id" ng-options="c.sub_category_id as c.sub_category_name for c in subCategory" required></select> 
    </td> 
</tr> 

Угловая JS

$scope.getSubCategory = function (category_id) { 
     $http.get('/MasterList/SubCategory' + category_id).then(function ($response) { 
      $scope.subCategory = $response.data; 
     }); 
    } 

Контроллер:

public ActionResult SubCategory(int id) 
     { 
      db.Configuration.ProxyCreationEnabled = false; 
      return Json(db.Sub_Category.Where(x => x.active_flag == true && x.category_id == id).ToList(), JsonRequestBehavior.AllowGet); 
     } 

проверить на консоли, но ошибки ничего не было, а вот инспектировать элемент вид:

Моя основная цель - выбрать категорию, отображать для подкатегории будут только те, которые относятся к категории.

Заранее благодарим за помощь.

Answer 1

В вашей ng-модели вашего элемента выбрано значение masterlist.category_id. Поэтому вы должны передать это методу getSubCategory.

<select class="form-control" ng-model="masterlist.category_id" 
     ng-options="c.category_id as c.category_name for c in vm.category" 
     required data-ng-change="vm.getSubCategory(masterlist.category_id)"></select> 

Кроме того, необходимо отправить запрос с шаблоном URL-адрес SubCategory/3 где 3 является значение категории идентификатор. С вашим текущим кодом он отправит запрос в SubCategory3, и вы увидите ошибку 404, если вы занесете вкладку в сеть браузера.

Вы должны добавить / между переменной catetory_id и имя метода действия,

$http.get('Home/SubCategory/' + category_id) 

Я также рекомендую двигая HTTP вызовы к службе данных, которые могут быть injeccted к контроллеру. Als, вы не должны жестко кодировать url, как это в вашем js-файле. Попробуйте использовать вспомогательный метод Url.Action для генерации правильных относительных URL-адресов для вашего метода action/api endpoints, как описано в this post и этой записи.