AngularJS: How to get subcategories based on category selection -

my question

please how subcategories of specific category selected ? here can retrieve data not filtered categories.

thanks

json data

"data": [  {   "id": 1,   "famille": "subcat1",   "catproduit_id": 2,   "catproduit": {     "id": 2,     "cat": "cat2",   } }, {   "id": 2,   "famille": "subcat2",   "catproduit_id": 2,   "catproduit": {     "id": 2,     "cat": "cat2",   } }, {   "id": 3,   "famille": "subcat3",   "catproduit_id": 1,   "catproduit": {     "id": 1,     "cat": "cat1",   } }, } ] 

controller

 "use strict";   var app = angular.module('bb-laravel',['ui.select']);  app.controller('rapportcreatectrl',function($scope,sweetalert,rapportservice,catproduitservice,famproduitservice,$http,$rootscope,$translatepartialloader,notification,trans){   /*  * define initial value  */ $scope.tmp = {}; $scope.rapport={};  /*  * create rapport  */ $scope.create = function(rapport) {     $scope.isdisabled = true;     $scope.tmp = angular.isobject(rapport) ? angular.tojson(rapport) : rapport;     rapportservice.create($scope.tmp); };   /*  * catproduit  */ catproduitservice.list().then(function(data){     $scope.catproduits = data; });  /*  * famproduit  */ famproduitservice.list().then(function(data){     $scope.famproduits = data; });  /********************************************************  * event listeners  * rapport event listener related rapportcreatectrl  ********************************************************/  $scope.$on('rapport.create', function() {     $scope.rapport ={};     notification({message: 'rapport.form.rapportaddsuccess' ,templateurl:'app/vendors/angular-ui-notification/tpl/success.tpl.html'},'success');     $scope.isdisabled = false; });  //validation error in create rapport event listener $scope.$on('rapport.validationerror', function(event,errordata) {     notification({message: errordata ,templateurl:'app/vendors/angular-ui-notification/tpl/validation.tpl.html'},'warning');     $scope.isdisabled = false; });  }); 

html form

and have select of categories , subcategories this:

 ...                   <div class="form-group">                             <label>                                 catégorie des produits                             </label>                             <ui-select ng-model="rapport.catproduit_id" theme="select2" style="width: 100%;">                                 <ui-select-match placeholder="selectionner une catécorie">                                     {{$select.selected.cat || $select.selected}}                                 </ui-select-match>                                 <ui-select-choices repeat="catproduit.id catproduit in catproduits | propertyfilter: {cat: $select.search}">                                     <div ng-bind-html="catproduit.cat | highlight: $select.search"></div>                                 </ui-select-choices>                             </ui-select>                         </div>                         <div class="form-group">                             <label>                                 famille des produits                             </label>                             <ui-select ng-model="rapport.famproduit_id" theme="select2" style="width: 100%;">                                 <ui-select-match placeholder="selectionner une famille des produits">                                     {{$select.selected.famille || $select.selected}}                                 </ui-select-match>                                 <ui-select-choices repeat="famproduit.id famproduit in famproduits | propertyfilter: {famille: $select.search}">                                     <div ng-bind-html="famproduit.famille | highlight: $select.search"></div>                                 </ui-select-choices>                             </ui-select>                         </div>      ... 

you can transfer array data map. key of map father category id.so when father category selected, map[selectedcategory] subcategories.