Comment utiliser ng-template dans p-tree lorsque la valeur a la propriété "type"

Question

ng-template commence à fonctionner après avoir supprimé la propriété "type" des données que je transmets à p-tree comment puis-je corriger le problème? Je crois qu'il ya quelque chose que je fais une mauvaise cause « type » est l'une des propriétés 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; 
} 

je donne un exemple, vous pouvez le voir here!

Answer 1

En regardant votre Plnkr, la seule fois où vous devez utiliser le type est lorsque vous utilisez plusieurs modèles. Par exemple, vous avez un type de 'test'. Pour utiliser cela, vous devez ajouter un modèle comme suit (notez le pTemplate du second ngTemplate):

<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>