Warning: file_get_contents(/data/phpspider/zhask/data//catemap/1/typescript/8.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Angular 角度4+;Priming:TreeNode是否可以包含下拉列表?_Angular_Typescript_Tree_Primeng_Primeng Dropdowns - Fatal编程技术网

Angular 角度4+;Priming:TreeNode是否可以包含下拉列表?

Angular 角度4+;Priming:TreeNode是否可以包含下拉列表?,angular,typescript,tree,primeng,primeng-dropdowns,Angular,Typescript,Tree,Primeng,Primeng Dropdowns,我正在开发一个在Angular 4.3中使用JHipster构建的应用程序。我正在搜索一个角度树组件,我正在尝试使用素数 我需要这样的东西,有节点,在最后一个节点中,有dropdownlists。显示的值是保存在数据库中的值,但当用户单击时,他可以看到其他可用值,并根据需要选择另一个值 我选择了Prime NG并完成了这项任务。(如您所见,我有一个显示错误,即使是最后一个孩子,箭头也会显示出来……我也不知道如何纠正它) 但我还没有找到如何继续定制节点,我只是在html中找到了这个应答器: &

我正在开发一个在Angular 4.3中使用JHipster构建的应用程序。我正在搜索一个角度树组件,我正在尝试使用素数

我需要这样的东西,有节点,在最后一个节点中,有dropdownlists。显示的值是保存在数据库中的值,但当用户单击时,他可以看到其他可用值,并根据需要选择另一个值

我选择了Prime NG并完成了这项任务。(如您所见,我有一个显示错误,即使是最后一个孩子,箭头也会显示出来……我也不知道如何纠正它)

但我还没有找到如何继续定制节点,我只是在html中找到了这个应答器:

<p-tree class="myTree" [value]="files"></p-tree>

“文件”
是教程中给出的json(我还没有找到我的服务)


有人做过这样的事吗

通过使用模板功能,您应该能够复制您需要的:

    <ng-template let-node  pTemplate="default">

      <div>
        {{node.label}}

        <select *ngIf="!node.children">
          <option value="val1">1st value</option> 
          <option value="val2">2nd value</option>
          <option value="val3">3rd value</option>
        </select>

      </div>

    </ng-template>

{{node.label}
第一值
第二个值
第三值
如您所见,
select
元素仅在节点没有子节点(即节点是叶节点)时显示

见工作