Skip to content

Instantly share code, notes, and snippets.

@ethanve
Created November 16, 2016 21:12
Show Gist options
  • Select an option

  • Save ethanve/343ec780332570714b26090bce8f4e5b to your computer and use it in GitHub Desktop.

Select an option

Save ethanve/343ec780332570714b26090bce8f4e5b to your computer and use it in GitHub Desktop.
Angular Recursive Component
<!-- Input -->
<tree [tree]="tree">
<template tree-render let-node>
<h1>{{node.label}}</h1>
</template>
</tree>
<!-- Output -->
<div class="tree">
<div *ngFor="let node of tree">
<template
[ngTemplateOutlet]="treeRenderTemplateRef"
[ngOutletContext]="{ node: node }"
></template>
<div *ngIf="node.children && node.children.length">
<tree [tree]="node.children">
<!--I need the template here. how do I accomplish this?-->
</tree>
</div>
</div>
</div
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment