nested Filter json Using Checkboxes with AngularJS

I dont have your css but at high level it should be like THIS and for multilevel filter refer THIS

On click of checkbox i am adding filter category to one of my array using addToFilter function.

HTML

<input  type="checkbox" ng-checked="item.checked" ng-model="item.checked" ng-click="addToFilter(item.node.category)"/> {{ item.node.category }}

HTML

code filter:categoryFilter will filter records from array according to selected category.

<div ng-repeat="item in nodes | filter:categoryFilter | orderBy:'node.location' | groupBy:['node.location'] ">
    <h2 ng-show="item.group_by_CHANGED">{{item.node.location}}</h2>
        <ul>
            <li>{{item.node.title}}</li>
         </ul></div>

JS

This js code is to add selected category from array when checked and remove when unchecked.

$scope.filtersApplied =[];
$scope.addToFilter = function(category)
{
  var i = $.inArray(category.trim(), $scope.filtersApplied);
  console.log(category);
  if (i > -1) {
     $scope.filtersApplied.splice(i, 1);
   } else {
     $scope.filtersApplied.push(category.trim());
   }
}
$scope.categoryFilter = function(node) {
   if ($scope.filtersApplied.length > 0) {
     if ($.inArray(node.node.category.trim(), $scope.filtersApplied) < 0)
     return;
   }
 return node;
}

** Please ignore my grouping code. I just want to simulate what you shown in image.

Updated SAMPLE with CSS