如何在PrimeNG Treetable中设置默认选择

Question

我想用从本地存储中获得的值设置选择。这是代码：

HTML:

<p-treeTable [value]="tableDataRow$ | async"
[columns]="checkColumnNotFixed()"
selectionMode="single"
[(selection)]="selectedRow"
>

TS:

public selectedRow;
ngOnInit(): void {
this.selectedRow = LocalStorageSelectedRow;
}

该值已设置，可以在控制台中显示，但在UI中，该行未被选中。

Answer 1

我不知道我的答案是否能帮助别人，但我要做的是将我想要选择的值分配给模型变量(本例中的选定行(。我还在组件中设置了一个变量，称为"；compareSelectionBy"；，并将其值设置为"0"；deepEquals"；。

示例：在ts 中

this model =[ 
{ data: { name: 'Applications', size: '200mb', type: 'Folder' } },
{ data: { name: 'Angular', size: '25mb', type: 'Folder' } },
{ data: { name: 'Cloud', size: '20mb', type: 'Folder' } },
{ data: { name: 'backup-1.zip', size: '10mb', type: 'Zip' } },
{ data: { name: 'backup-2.zip', size: '10mb', type: 'Zip' } },]

在html:中

<p-treeTable
[value]="items"
[columns]="to.columns"
selectionMode="checkbox"
[(selection)]="model"
[paginator]="to.paginator"
[rows]="to.rows"
(onNodeSelect)="onNodeSelect()"
(onNodeUnselect)="onNodeUnselect()"
compareSelectionBy="deepEquals"
#tt
></p-treeTable>