child

import { Component, OnInit, Input } from '@angular/core';
import { TreeNode } from '../models/tree-models';

@Component({
  selector: 'app-tree-child',
  template: `
    <div class="child-contents-container">
      <div>
        <p>{{node.data}}</p>
      <div>
      <div class="children-container">
        <app-tree-child *ngFor="let ch of node.children" [node]="ch"></app-tree-child>    
      </div>

    </div>
  `,
  styleUrls: ['./tree-child.component.css']
})
export class TreeChildComponent implements OnInit {

  @Input()
  node: TreeNode<string>;

  constructor() { }

  ngOnInit() {
  }

}