使用PrimeNG表示树的问题

Question

我有一个关于用PrimeNG表示树的问题。我想在填充JSON文件中的数据之前测试树的表示。所以我尝试了以下内容。 Firsteval我写了HTML文件，我的树应该代表。这就是以下代码所示。

<h1>Test</h1>
<p-tree [value]="files" selectionMode="single" layout="horizontal"></p-tree>

之后，我在组件中执行了以下操作。我写了一个方法，其中TreeNode-Array files填充了一些简短的输入数据。之后，我将文件分配给此函数的值。这显示在以下代码中：

files: TreeNode[] = this.bla();

bla(): TreeNode[]{

    let TN1: TreeNode = {};
    let TN2: TreeNode = {};
    let TN3: TreeNode = {};
    let TN4: TreeNode = {};

    console.log('in bla');

    TN1.data='TN1';
    TN1.label='TN1';
    TN2.data='TN2';
    TN2.label='TN2';
    TN3.data='TN3';
    TN3.label='TN3';
    TN4.data='TN4';
    TN4.label='TN4';
    TN1.children = [TN3];
    TN2.children = [TN4];
    return [TN1,TN2,TN3,TN4];
}

在我看来，我应该做的就是测试。我没有错误或类似的东西，但树没有显示......我希望任何人都可以帮助我。

谢谢！