fix(TreeController): fix inconsistent root node

Author: JanEggers

src/tree-internal.component.ts

@@ -1,4 +1,4 @@
-import { Component, ElementRef, TemplateRef, Inject, Input, OnDestroy, OnInit } from '@angular/core';
+import { Component, ElementRef, TemplateRef, Inject, Input, OnDestroy, OnInit, OnChanges, SimpleChanges } from '@angular/core';
 import * as TreeTypes from './tree.types';
 import { Tree } from './tree';
 import { TreeController } from './tree-controller';
@@ -55,7 +55,7 @@ import { get } from './utils/fn.utils';
   </ul>
   `
 })
-export class TreeInternalComponent implements OnInit, OnDestroy {
+export class TreeInternalComponent implements OnInit, OnChanges, OnDestroy {
   @Input()
   public tree: Tree;
 
@@ -106,6 +106,10 @@ export class TreeInternalComponent implements OnInit, OnDestroy {
       }));
   }
 
+  public ngOnChanges(changes: SimpleChanges): void {
+    this.controller = new TreeController(this);
+  }
+
   public ngOnDestroy(): void {
     if (get(this.tree, 'node.id', '')) {
       this.treeService.deleteController(this.tree.node.id);

test/tree.components.spec.ts

@@ -60,5 +60,6 @@ describe('TreeComponent (the one that wraps TreeInternalComponent)', () => {
 
     expect(componentInstance.tree.value).toEqual('42');
     expect(componentInstance.treeModel.value).toEqual('42');
+    expect(componentInstance.rootComponent.controller.tree.value).toEqual('42');
   });
 });