Категории и субкатегори

[EleGant]

Добрый день!
Делаю список категорий с суб категориями и суб суб категория(возможно бесконечно)...
Я вытаскиваю через JSON первый уровень категорий...
А вот дальше не могу понять как правильно себя вести))
По идеи надо при клики на любую из категорий взять ее ID и открыть на странице новую субкатегорию с нужным ID...уже написал скрипт на сервере который генерирует список категорий по ID...
www.name.ru/viewcat.php?id=111
...Подскажите как реализовать...Стоит ли обновлять страницу..грузить новую страницу...или другие идеи...

<ons-list-item modifier="chevron" class="list-item-container"  ng-repeat="item in categories track by $index">
            <ons-row>
              <ons-col>
                <div class="name">
                  {{ item.category }}
                </div>
              </ons-col>
              <ons-col width="40px"></ons-col>
            </ons-row>
          </ons-list-item>

А вот код скрипта

(function(){
  'use strict';
 
  var app = angular.module('app', ['onsen']);

  // Filter to convert HTML content to string by removing all HTML tags
  app.filter('htmlToPlaintext', function() {
      return function(text) {
        return String(text).replace(/<[^>]+>/gm, '');
      }
    }
  );

  // Controller to get all the categories from a JSON

  app.controller('categoriesController', [ '$http', '$scope', '$rootScope', function($http, $scope, $rootScope){

    $scope.categoriesAPI = 'http://name.ru/viewcat.php?head=json';
    $scope.categories = [];
    $scope.isFetching = true;


    $scope.getAllRecords = function(){

      $scope.isFetching = true;    

      $scope.pullContent();

    };

    $scope.pullContent = function(){

      $http.get($scope.categoriesAPI+'').success(function(response) {
        console.log(response.level0);        
        $scope.categories = response.level0;
        $scope.isFetching = false;
      }).error(function(response){
        console.log(response);        
      });

    }


  }]);


})();