[DropDownTree] Value cannot be updated in Reactive Forms

[mbechev]

The value of the DropDownTree cannot be programmatically changed in Reactive form when the user already selects an option from the list.

To Reproduce

1. Select any option from the DropDownTree.
2. Click update value button.

https://stackblitz.com/edit/angular-nefwjc-fkckmc?file=src%2Fapp%2Fapp.component.ts

Expected behavior
The value needs to be updated programmatically regardless of the selection. Like the DropDownList:

https://stackblitz.com/edit/angular-nefwjc-v4vrfy

Workaround

Reset the form or just the form control that corresponds to the DropDownTree before reassigning the component value:

  public selectValue() {
    this.form.controls['item'].reset();
    this.form.controls.item.setValue({ text: 'Tables & Chairs', id: 2 });
  }

  public selectValue() {
    this.form.reset();
    this.form.controls.item.setValue({ text: 'Tables & Chairs', id: 2 });
  }

https://stackblitz.com/edit/angular-nefwjc-xkc7gg