Skip to main content

ObjectTreeComponent

This component displays a plain JavaScript object as an expandable tree.

Example

HTML
<vdr-object-tree [value]="payment.metadata"></vdr-object-tree>
Signature
class ObjectTreeComponent implements OnChanges {    @Input() value: { [key: string]: any } | string;    @Input() isArrayItem = false;    depth: number;    expanded: boolean;    valueIsArray: boolean;    entries: Array<{ key: string; value: any }>;    constructor(parent: ObjectTreeComponent)    ngOnChanges() => ;    isObject(value: any) => boolean;}
  • Implements: OnChanges

value

property{ [key: string]: any } | string

isArrayItem

property

depth

propertynumber

expanded

propertyboolean

valueIsArray

propertyboolean

entries

propertyArray<{ key: string; value: any }>

constructor

method(parent: ObjectTreeComponent) => ObjectTreeComponent

ngOnChanges

method() =>

isObject

method(value: any) => boolean
Was this chapter helpful?
Report Issue
Edited Feb 2, 2026·Edit this page