Angular 4 + PrimeNG : TreeNode 可以包含下拉列表吗？

Question

我正在开发一个在 Angular 4.3 中使用 JHipster 构建的应用程序。我正在搜索一个 angular 树组件，我正在尝试使用 PrimeNG。

我需要这样的东西，有节点，在最后一个节点内，有下拉列表。显示的值是保存在数据库中的值，但是当用户单击时，他可以看到其他可用值，如果他愿意，可以选择另一个。

我选择了 Prime NG 并完成了 example in the documentation。（如您所见，我有一个显示错误，即使是最后一个也会显示箭头 child...而且我也不知道如何更正它）

但我还没有找到如何继续自定义节点的方法，我在 html 中只有这个应答器：

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

"files"是教程中给出的json（我还没有服务）。

有没有人做过这样的事情？

Answer 1

通过使用模板功能，您应该能够重现您需要的内容：

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

如您所见，select 元素仅在节点没有子节点时显示，即如果节点是叶节点。

查看工作 Plunker

Angular 4 + PrimeNG : TreeNode 可以包含下拉列表吗？

Angular 4 + PrimeNG : does TreeNode can contains dropdown lists?

angular

typescript

tree

primeng

primeng-dropdowns