object-tree-component.md 2.3 KB
title: "ObjectTreeComponent" weight: 10 date: 2023-06-13T12:31:13.058Z showtoc: true
generated: true
ObjectTreeComponent
# ObjectTreeComponent
{{< generation-info sourceFile="packages/admin-ui/src/lib/core/src/shared/components/object-tree/object-tree.component.ts" sourceLine="22" packageName="@vendure/admin-ui">}}
This component displays a plain JavaScript object as an expandable tree.
*Example*
```HTML
```
## Signature
```TypeScript
class ObjectTreeComponent implements OnChanges {
@Input() @Input() value: { [key: string]: any } | string;
@Input() @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
## Members
### value
{{< member-info kind="property" type="{ [key: string]: any } | string" >}}
{{< member-description >}}{{< /member-description >}}
### isArrayItem
{{< member-info kind="property" type="" >}}
{{< member-description >}}{{< /member-description >}}
### depth
{{< member-info kind="property" type="number" >}}
{{< member-description >}}{{< /member-description >}}
### expanded
{{< member-info kind="property" type="boolean" >}}
{{< member-description >}}{{< /member-description >}}
### valueIsArray
{{< member-info kind="property" type="boolean" >}}
{{< member-description >}}{{< /member-description >}}
### entries
{{< member-info kind="property" type="Array<{ key: string; value: any }>" >}}
{{< member-description >}}{{< /member-description >}}
### constructor
{{< member-info kind="method" type="(parent: ObjectTreeComponent) => ObjectTreeComponent" >}}
{{< member-description >}}{{< /member-description >}}
### ngOnChanges
{{< member-info kind="method" type="() => " >}}
{{< member-description >}}{{< /member-description >}}
### isObject
{{< member-info kind="method" type="(value: any) => boolean" >}}
{{< member-description >}}{{< /member-description >}}