Выборка иерархических данных

// Code goes here
 
var app = angular.module('listApp', []);
 
app.controller('MainController', function($scope) {
  $scope.array = [
    {"Id":1,"Name":"Узел 1","Parent":""},
    {"Id":2,"Name":"Узел 2","Parent":""},
    {"Id":3,"Name":"Узел 3","Parent":""},
    {"Id":4,"Name":"Узел 1.1","Parent":"1"},
    {"Id":5,"Name":"Узел 1.2","Parent":"1"},
    {"Id":6,"Name":"Узел 2.1","Parent":"2"},
    {"Id":7,"Name":"Узел 3.1","Parent":"3"},
    {"Id":8,"Name":"Узел 3.1.1","Parent":"7"},
    {"Id":9,"Name":"Узел 3.2","Parent":"3"}
  ];
});
 
app.directive('nestedArray', function() {
  return {
    restrict: 'A',
    scope: {
      array: '=nestedArray'
    },
    link: link
  };
  
  function link($scope, $elem) {
    var arrayCopy = angular.copy($scope.array);
    var nestedArray = getNested(arrayCopy, 0);
    var html = getNestedHtml(nestedArray);
    // Причина использования jQuery - через директивы Angular HTML разметку не
    // вставить, на выходе увидим код, вместо списка.
    $elem.html(html);
  }
  
  // Данная ф-ция преобразовывает одномерный массив в многомерный.
  //  realArray - Массив, который мы будем преобразовывать. Важно: во время преоброзования данный масcив будет менятся!
  //  parentId - `Parent`, который мы будем искать.
  function getNested(realArray, parentId) {
    // Это переменная массива на данном уровне вложености.
    var childArray = [];
    var childLength = 0;
    var item = undefined;
    
    // Извлекаем подходящие элементы из `realArray` и передаем в `childArray`.
    do {
      childLength = childArray.length;
      item = retreiveItem(realArray, function(item) {
        return Number(item.Parent) === parentId;
      });
      item && childArray.push(item);
    } while (item);
    
    if (realArray.length) {
      // Исчем "детей" для каждого элемнта нового массива.
      for (var i = 0, x = childArray.length; i < x; i++) {
        childArray[i].children = getNested(realArray, childArray[i].Id);
      }
    }
    
    return childArray;
  }
  
  // Ф-ция формирует HTML рзаметку для массива с вложенностями.
  function getNestedHtml(array) {
    var html = '<ul>';
    for (var i = 0, x = array.length; i < x; i++) {
      html += '<li>' + array[i].Name + '</li>';
      html += array[i].children && array[i].children.length ? getNestedHtml(array[i].children) : '';
    }
    return html + '</ul>';
  }
  
  // Ф-ция извлекает один элемент из массива.
  function retreiveItem(array, retreiverFn) {
    // findIndex может не поддерживатся старыми браузерами.
    var index = array.findIndex(retreiverFn);
    if (~index) {
      return array.splice(index, 1)[0];
    }
  }
});

app.controller('MainController', function($scope, $http) {
  $http.get('').then(function () {
    $scope.array = [
      {"Id":1,"Name":"Узел 1","Parent":""},
      {"Id":2,"Name":"Узел 2","Parent":""},
      {"Id":3,"Name":"Узел 3","Parent":""},
      {"Id":4,"Name":"Узел 1.1","Parent":"1"},
      {"Id":5,"Name":"Узел 1.2","Parent":"1"},
      {"Id":6,"Name":"Узел 2.1","Parent":"2"},
      {"Id":7,"Name":"Узел 3.1","Parent":"3"},
      {"Id":8,"Name":"Узел 3.1.1","Parent":"7"},
      {"Id":9,"Name":"Узел 3.2","Parent":"3"}
    ];
  });
})

app.controller('MainController', function($scope, $http) {
  $http.get('...').then(function (res) {
    $scope.array = res;
  });
})