نمایش JSON به صورت درختی با استفاده از Angularjs

سلام خدمت همه ی بزرگواران
یه فایل JSON دارم که بعدادی از آیتم هاش parent و تعدایش هم child هستند. میخوام اینا رو به صورت درختی نمایش بدم.
کد رو تا یه جایی نوشتم ولی بقیشو نمیدونم باید چیکار کنم.

var phonecatApp = angular.module('myApp', [])phonecatApp.controller('myController', function myController($scope, $http) {

  $http.get('items.json')

    .then(function (response) {

      var data = response.data





      data = data.filter(function (obj) {

          return true

        })

        .map(function (obj) {

          return {

            key: obj.key,

            parentItem: obj.data.parentItem,

            title: obj.data.title

          }

        })

      var log = []

      angular.forEach(data, function (value, key) {

        if (value.parentItem === undefined) {

          this.push(value)

        }

      }, log)

      $scope.paR = log





      var nlog = []

      angular.forEach(data, function (value, key) {

        if (value.parentItem !== undefined) {

          this.push(value)

        }

      }, nlog)

      $scope.chilD = nlog





      var master = []

      angular.forEach(data, function (value1, key1) {

        angular.forEach(nlog, function (value2, key2) {

          if (value1.key === value2.parentItem) {





          }

        })

      })

    })

})

سلام
چند ویدیو خوب برای شما دوستان در مورد تایپ اسکریپت (typescript) میتونید از اینجا دانلود کنید.
اگر کسی هم سایت دانلود آموزش فیلم ویدیویی فارسی میشناسه معرفی کنه.
با تشکر