awendland/angular-json-tree

Angular directive for displaying a JSON object in an expandable tree structure

angular-json-tree's Issues

Avoid the initial root node

Dear Team,
I would like to avoid the atyle the root name with different color (Object in the display).
How do i style the elements ? Change the default styles ?

Please help me solve at the earliest.

Thanks
Ajith

Add the search features on angular-json-tree

The JOSN Tree will populate with search-box

Expected Behavior

The JOSN Tree will populate with search-box
On key-up event of search-box the search text will be highlighted from tree

Current Behavior

JSON tree without any search box

Editable value

Would it be too much work to ask if it is possible to create a tree where the values are editable? And to switch between editable states with an for example "editable" attribute?

By the way, great work!

please define angular as a peer dependency

When downloading angular-json-tree it also downloads angular.

It shouldn;t download angular by default. Therefore angular should be defined as a peer dependency.

Please look here for an example https://github.com/angular-ui/ui-router/blob/master/package.json#L68

Cannot get injected by wiredep and gulp

I installed this repo using bower in my project and I use gulp/wiredep to inject the bower dependencies into my index.html file. I found the dependency angular-json-tree does not get injected. I guess this repo may have some problem with its bower settings. Could the author please check into this issue?

Link to the wiredep page: https://github.com/taptapship/wiredep:

A Bower package may not properly list its dependencies in its bower.json file.
A Bower package may not specify a main property in its bower.json file.

Pls, create bower version

Support for Angular 2/4

Any plan to support angular 2/4?

broken link in README

the project README has a broken link: http://blog.alexwendland.com/angular-json-tree/

Expected Behavior

when link is clicked, browser loads a working example of page using the plugin.

Current Behavior

when link is clicked, i see this:

Page Not found

Looks like you've followed a broken link or entered a URL that doesn't exist on this site.

 Back to our site

Possible Solution

Steps to Reproduce (for bugs)

Context

trying to learn how to use this plugin.

Your Environment

• Version used:
• Browser Name and version: chrome
• Operating System and version (desktop or mobile): mac
• Link to your project:

How to change the root "object"

How do i change the root "object" initially displayed in the tree. I mean by default it displays "Object". Is it not possible to display some other text ?

$$hashKey attribute is added to the last children

First of all, really nice work!!!

I am working on having a toggle between the code view and the tree view of a JSON object. So when the user clicks to view the tree mode I show the JSON using the package and when the user clicks to view the code mode again I hide the tree view but I notice that the object has an attribute added to the children which is

$$hashKey:"object:695". the number changes depending on the child.

The following is the normal JSON I have

{ "second": "good night", "third": [ 1, "two", 3, { "child": true }, { "parent": true } ], "first": "bye" }

and when I show the tree mode and go back to the code mode I get the following object
{ "second": "good night", "third": [ 1, "two", 3, { $$hashKey:"object:695", "child": true }, { $$hashKey:"object:696", "parent": true } ], "first": "bye" }

Environment

Angular 1.5.5

Inserting the non minified file doesn't include the angular module

If I insert the minified file (build/angular-json-tree.min.js), everything is fine.
I got the "Module 'angular-json-tree' is not available!" when I insert the build/angular-json-tree.js file

Dynamic change of expanded state

Any thoughts on having the start-expanded change dynamically on a button click or toggle? I am seeing if I can get something that working. Just curious if this feature has been thought about or partially implemented at all.

Does not respond to `object` changes

It appears that this directive currently does not respond to object changes which minimizes its utility.

Working With ControllerAs Syntax

It appears that this module does not work within a controller using the ControllerAs syntax correct? The directive simply does not seem to bind to an object with the vm.

Example: http://codepen.io/timbrown81/pen/QEyZrL

Need property to expand and collapse all nodes

We need a property to expand and collapse all nodes. For example add an attribute called expansionState that has these values:

• expand_all
• collapse_all
• normal

JXON XPath

hi,
I'm looking forward to find a way to generate the Xpath of each Node as an attribute in this Directive. can you please help me with this:

var data = { something: {
"array": [
1,
2,
3
],
"boolean": true,
"null": null,
"number": 123,
"object": {
"a": "b",
"c": "d",
"e": "f"
},
"string": "Hello World"
}
};

var desiredPath = "something.object.a" //-> only keys matter.

and where can i use it as an attribute? on ul.branch-value or span.leaf-value?

thanks,
regards,