代码之家 › 专栏 › 技术社区 › Neamesis

角度4+启动:TreeNode是否可以包含下拉列表?

primeng-dropdowns primeng tree typescript angular

1

Neamesis · 技术社区 · 7 年前

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

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

我选择了Prime NG并完成了 example in the documentation . (如您所见,我有一个显示错误,即使是最后一个孩子,箭头也会显示出来……我也不知道如何更正它)

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

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

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

有人做过这样的事吗?

1 回复 | 直到 7 年前

1

Antikhippe 7 年前

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

    <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