问新西兰TreeSelect.如何在子节点中显示父节点名？

EN

<nz-tree-select
  #tree
  class="tree-select"
  nzNoAnimation
  nzShowExpand
  [nzMaxTagCount]="2"
  [nzNodes]="nodes"
  [nzHideUnMatched]="true"
  nzVirtualHeight="498px"
  [nzShowSearch]="true"
  nzCheckable
  nzPlaceHolder="Please select"
>
  <ng-template #nzTreeTemplate let-node let-origin="origin">
    {{ recursive(node) }}
  </ng-template>
</nz-tree-select>

import {
  AfterContentInit,
  AfterViewInit,
  Component,
  ViewChild,
} from '@angular/core';
import { NzTreeSelectComponent } from 'ng-zorro-antd/tree-select';

@Component({
  selector: 'my-app',
  templateUrl: './app.component.html',
  styleUrls: ['./app.component.css'],
})
export class AppComponent implements AfterViewInit, AfterContentInit {
  @ViewChild(NzTreeSelectComponent, { static: true })
  tree: NzTreeSelectComponent;
  nodes = [
    {
      title: 'Item',
      key: 'Item',
      children: [
        {
          title: 'Name',
          key: 'Item-Name',
          isLeaf: true,
        },
      ],
    },
  ];

  dropDownVisibleChange(open: boolean): void {
    if (open) {
      setTimeout(() => this.tree.openDropdown());
    } else {
      this.tree.closeDropDown();
    }
  }

  ngAfterViewInit(): void {
    // console.log(this.tree);
  }

  test(node) {
    console.log(node);
  }

  ngAfterContentInit(): void {
    // console.log(this.tree);
  }

  recursive(node, output = '') {
    if (node.isLeaf && node.parentNode) {
      return this.recursive(node.parentNode, output) + ` > ${node.title}`;
    } else {
      return node.title;
    }
  }
}