angular - 如何以编程方式关注 PrimeNG 树中的节点？

Question

使用 PrimeNG，我可以滚动到一个 TreeNode:

在 html 中:

<p-tree #mytreeid id="mytree"></p-tree>

在 Angular 中:

@ViewChild("mytree") mytree: Tree;
// selection is the TreeNode you want to scroll into view
scrollToSelectionPrimeNgDataTree(selection, tree, elementIdName) {
      if (tree.value !== null) {
          let index = tree.value.indexOf(selection);
              let ele = document.getElementById(elementIdName).querySelectorAll("p-treenode")[index];
              ele.scrollIntoView();
              //ele.focus();
      }
  }

问题:如何使TreeNode(即'selection')获得焦点？我尝试调用 focus() 方法，但 focus() 不是 Element 的方法。

Answer 1

我找到了解决方案，我们只需要将 [(selection)] 设置为选中的节点即可:

<p-tree #mytree id="mytree" [value]="componentGroups" selectionMode="single" [(selection)]="selectedNode">