遞歸模板Angular2

Question

我如何在沒有ng-include的情況下使用Angular 2進行遞歸模板。 我不明白為什么Angular 2不會包含這項技能...

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' } ]; }); 

Answer 1

在Angular2中使用ngFor代替ng-repeat。

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