Recursive Templates in AngularJS

HTML

<div ng-app="app" ng-controller='AppCtrl'>
    <script type="text/ng-template" id="categoryTree">
        <a href="">{{ category.title }}</a>
        <ul ng-if="category.categories">
            <li ng-repeat="category in category.categories track by $index" ng-include="'categoryTree'">           
            </li>
        </ul>
    </script>
    <ul>
        <li ng-repeat="category in categories track by $index" ng-include="'categoryTree'"></li>
    </ul>    
</div>

JavaScript

var app = angular.module('app', [], function ($rootScopeProvider) {
    $rootScopeProvider.digestTtl(15);
});
app.controller('AppCtrl', function($scope) {



    $scope.categories = [{
            title: 'Computers',
            categories: [{
                    title: 'Laptops',
                    categories: [{
                        title: 'Ultrabooks'
                    }, {
                        title: 'Macbooks'
                    }]
                },

                {
                    title: 'Desktops'
                },

                {
                    title: 'Tablets',
                    categories: [{
                        title: 'Apple',
                        categories: [{
                            title: 'Apple',
                            categories: [{
                                title: 'Apple',
                                categories: [{
                                    title: 'Apple',
                                    categories: [{
                                        title: 'Apple',
                                        categories: [{
                                            title: 'Apple',
                                            categories: [{
                                                title: 'Apple',
                                                categories: [{
                                                    title: 'Apple',
                                                    categories: [{
                                                        title: 'Apple',
                                                        categories: [{
                                                            title: 'Apple',
                                                            categories: [{
                                                                title: 'Apple',
                                                            }]
                                                        }]
       ...