Recursive template Angular2

Question

How can I do recursive template with Angular 2 without ng-include. I don't understand why Angular 2 won't include this skill...

HTML:

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

JS:

var app = angular.module('app', []);
app.controller('AppCtrl', function ($scope) {
  $scope.categories = [
    { 
      title: 'Computers',
      categories: [
        {
          title: 'Laptops',
          categories: [
            {
              title: 'Ultrabooks'
            },
            {
              title: 'Macbooks'            
            }
          ]
        },
        {
          title: 'Desktops'
        },
        {
          title: 'Tablets',
          categories: [
            { 
              title: 'Apple'
            },
            {
              title: 'Android'
            }
          ]        
        }
      ]
    },
    {
      title: 'Printers'
    }
  ];
});

Just create a component and do it inside that. what's your point in doing this? — z.a.
– z.a., Commented Mar 31, 2016 at 9:52
You can use component in component to do this. Use ngFor as ng-repeat and "call" component with details. — IceManSpy
– IceManSpy, Commented Mar 31, 2016 at 9:53

Gary · Accepted Answer · 2016-03-31 09:54:27Z

1

Use ngFor instead of ng-repeat in Angular2.

https://angular.io/docs/ts/latest/api/common/NgFor-directive.html

answered Mar 31, 2016 at 9:54

Gary

2,3492 gold badges33 silver badges53 bronze badges

Sign up to request clarification or add additional context in comments.

Collectives™ on Stack Overflow

Recursive template Angular2

1 Answer 1

Comments

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Related