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