Angular PrimeNG p-tree-如何通过其ID以编程方式聚焦节点?

时间:2019-01-28 14:46:39

标签: angular focus primeng treenode

我有一个带有类别的p树。 当我导航到带有类别ID的类别页面时,我希望p树专注于所需的类别。

HTML

@Value

我试图在[selection] attr处设置一个函数并返回一个节点,但是没有用。

功能

@Service
public class SomeServiceApi {

    @Value("some.service.api.endpoint")
    private String endpoint;

    // ...

例如,如果我设置了 <p-tree *ngIf="categoriesTree" [value]="categoriesTree" selectionMode="single" [selection]="getselectedCategory()" (onNodeSelect)="categorySelected($event)" ></p-tree> ,它就可以正常工作。但是我想动态地做。

出什么问题了?

1 个答案:

答案 0 :(得分:0)

实际上,要能够自动关注某个节点,您不需要其ID,在主要版本7.0.5中,您可以使用“ selection”属性并将其赋予与您要关注的节点相同的属性。更多细节: 在tree-ex.html中:

 <p-tree
  [value]="nodes"
  selectionMode ="single"
  [(selection)] ="selectedNode"      
  >
</p-tree>

在tree-ex.ts中:

selectedNode :TreeNode;
//so something with selectedNode 
selectedNode = this.selectedNode;