PrimeNG TreeSelect组件绑定name属性替代label属性的方案问询
PrimeNG TreeSelect 绑定自定义字段解决方案
PrimeNG TreeSelect 确实有类似 Select 组件 optionLabel 和 optionValue 的对应属性,只是命名略有不同,直接配置即可满足需求:
- 指定显示文本字段:使用
label属性,设置为你想要显示的字段名(这里是name),替代默认的label字段。 - 指定绑定值字段:使用
optionValue属性,设置为你想要绑定的字段名(这里是name),让选中后的值对应节点的name属性,而非整个对象。
示例代码:
<p-treeSelect [options]="yourTreeData" label="name" optionValue="name" [(ngModel)]="selectedName"> </p-treeSelect>
如果你的树形数据中子节点的字段名不是默认的children,还可以通过children属性指定,比如children="subNodes"。
若需要多选,selectedName会是一个存储多个name值的数组;单选场景下则为单个name字符串。
内容的提问来源于stack exchange,提问作者Qeybulla
相关产品推荐
相关产品推荐

