我想在angular中显示树节点内容的不同显示格式

Question

我在angular中使用#treeNodeWrapperTemplate，它允许我使用displayfield进行格式化。但是我只能为它指定一列。例如:options = {displayField:'column1'}我想显示两个值"column1(column2)"在里面。有人知道吗?

Answer 1

displayField可以是使用列值返回字符串的函数。因此，你可以这样使用多列

displayField: (node) => `${node.data.column1}(${node.data.column2})`

下面是一个详细的用法示例:

nodes = [
{
_id: '1',
column1: 'root1',
column2: 'root1_info',
nodes: [{_id: '3', column1: 'child1', column2: 'child1_info'}]
},
{
_id: '2',
column1: 'root2'
column2: 'root2_info',
}
];
options: ITreeOptions = {
idField: '_id',
displayField: (node) => `${node.data.column1}(${node.data.column2})`,
childrenField: 'nodes'
};