1

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

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

我需要的

我选择了 Prime NG 并完成了文档中的示例。（正如你所看到的，我有一个显示错误，即使它是最后一个孩子也会显示箭头......而且我也不知道如何纠正它）

教程

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

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

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

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

4

1 回答 1

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

于 2018-02-21T19:40:30.437 回答