当值有"类型"如何在p-tree中使用ng-template属性

时间:2017-09-08 15:05:33

标签: primeng

ng-template在我删除"键入"之后开始工作来自我传递给p-tree的数据的属性如何解决?我想有些事情我做错了因为"键入"是TreeNode属性之一

TreeNode.ts

export interface TreeNode {
    label?: string;
    data?: any;
    icon?: any;
    expandedIcon?: any;
    collapsedIcon?: any;
    children?: TreeNode[];
    leaf?: boolean;
    expanded?: boolean;
    type?: string;
    parent?: TreeNode;
    partialSelected?: boolean;
    styleClass?: string;
    draggable?: boolean;
    droppable?: boolean;
    selectable?: boolean;
}

我提供了一个示例,您可以看到它here

1 个答案:

答案 0 :(得分:1)

查看您的Plnkr,您需要使用类型的唯一时间是使用多个模板。例如,您有type'test'。要使用它,您可以按如下方式添加模板(请注意第二个ngTemplate的pTemplate):

<p-tree [value]="filesTree6">
    <ng-template let-node pTemplate="default">
        <input [(ngModel)]="node.label" type="text" style="width:100%">
    </ng-template>
    <ng-template let-node pTemplate="test">
        <h3>{{node.label}}</h3>
    </ng-template>
</p-tree>