четкие результаты из списков

Question

Я работаю над списком подменю. Сначала я получаю информацию из файла JSON и показываю первые результаты. Некоторые из этих результатов имеют количество подуровней 'x'. Это часть моего кода:

function getCategories(){
        $http.get('/app/json/categories.json')
        .then(function(data){
            $scope.categoriesList = data.data.categories;
            //console.log($scope.categoriesList);
        });
    }

    $scope.theSublevels = function(x){
        $scope.inside = x.sublevels;
        //console.log($scope.inside);
    }

    $scope.nextSublevel = function(y){
        $scope.inception = y.sublevels;
        //console.log($scope.inception);
    }

И в моем html-представлении:

<ul>
    <li class="listagem" ng-repeat="category in categoriesList">
      <a ng-click="theSublevels(category)">{{category.name}}</a>
        <ul>
          <li class="segunda-listagem" ng-repeat="next in inside">
            <a href="" ng-click="nextSublevel(next)">{{next.name}}</a>
              <ul>
                    <li class="sub-sublistagem" ng-repeat="other in inception">
                        <a href="">{{other.name}}</a>
                    </li>
                </ul>
          </li>
        </ul>
    </li>
</ul>

Все уходит, кроме тех случаев, когда открыты три уровня и смена категории отца {{category.name}}. Самое первое изменение результата, но подуровни остаются прежними, пока я не нажму на новый первый подуровень. Что я могу сделать, чтобы очистить следующие подуровни и показать только первый подуровень?

Я использую AgularJs и Javascript.

Спасибо заранее.

Answer 1

<ul>
    <li class="listagem" ng-repeat="category in categoriesList">
      <a>{{category.name}}</a>
        <ul>
          <li class="segunda-listagem" ng-repeat="next in category.sublevels">
            <a href="">{{next.name}}</a>
              <ul>
                    <li class="sub-sublistagem" ng-repeat="other in next.sublevels">
                        <a href="">{{other.name}}</a>
                    </li>
                </ul>
          </li>
        </ul>
    </li>
</ul>

Вам не нужно извлекать дочерний контент по клику, вы можете напрямую связать его. Попробуйте как выше.