krispo / json-tree Goto Github PK
View Code? Open in Web Editor NEWAngularJS directive for displaying and editing JSON tree
Home Page: http://krispo.github.io/json-tree
License: MIT License
AngularJS directive for displaying and editing JSON tree
Home Page: http://krispo.github.io/json-tree
License: MIT License
CTRL + Click triggers the native Mac contextmenu and makes the drag&drop a crappy experience as it overlays the tree.
First of all, thanks for the great diretive! I want to use it but don't want to hardcode a commit hash in my bower.json. @krispo, do you feel like you can bump the current state to v0.4?
@krispo
With Input textbox type number.
I get problem lost focus after type 1 character on it. (first state is null value)
Problem appear on demo page too
Please check it, thanks
angular 1.2.28
json-tree 0.1.0
button and functionality to clone a node.
workflow is :
When embedding this cool json-tree into an angular app that runs in "ng-strict-mode", json-tree breaks the app, because it is not fully compliant with the ng-strict mode.
The following two Lines need to be changed:
Then it works again :)
Thanks in advance
Currently there is no way to customize or override the default template in jsonTree. Provide a way to way to override the default template using angular.constant
angular.module('json-tree', [])
.constant('jsonTreeConfig', {
templateUrl: null
})
then user can override it by
angular.module('myApp', ['json-tree'])
.controller('myCtrl', ['$scope', 'jsonTreeConfig', function($scope, jsonTreeConfig){
jsonTreeConfig.templateUrl = 'custom-template.html';
}]);
First of all - thanks for your work:) I was looking for something like this some time ago and also found nothing.
Currently directive seems following options:
If you try to render an array of objects, every object will have a new property called $$hashKey
. This can be resolved by adding track by $index
to ajsRecursiveDirectiveHelper's template in the ng-repeat
Old value: (subkey,subval) in value
New Value: (subkey,subval) in value track by $index
@krispo fantastic library, I have been looking forward to trying it for some time now. The ability for non-developers to edit the JSON tree rather whilst making it impossible to make syntax errors with a text editor approach is very appealing.
However, their appears to be no workflow to change the name of an existing key in a given object, only when adding the key?
Please clarify? This is a blocker for my work.
Hi, I'm looking for something similar but need to understand the license terms before I can do a deeper evaluation.
thans,
Sean
I want to create family tree in angularjs just like familyecho.com but they are doing it via javascript and i have to build it in angularjs.
Any help can be appreciated.
Need to add ability for editing function field.
Also need to add implicit type conversion for 'function'.
I really like this plugin but for a particular use case I only need to view the JSON on a page, from debug data.
Need to add such controls as:
A 1.3 version should be a very good news :)
as or 1.3 if you have a json that is fairly large, the directive creates many watchers (for example for an array or array of 30 x 30 around 15000 watchers are created). A very welcome enhancement would be to only create the editors when a branch is expanded for the immediate descendants leaves. For a branch you would only have the ng-click watcher.
To compute the number of watchers I used ng-stats . You can find it here: https://github.com/kentcdodds/ng-stats
Need to add an opportunity to use a sibling tree, that containing default values and types.
Say, if an element could have only the following values "left", "center" and "right", than in json-tree it need to be selected only from these values.
A declarative, efficient, and flexible JavaScript library for building user interfaces.
๐ Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.
TypeScript is a superset of JavaScript that compiles to clean JavaScript output.
An Open Source Machine Learning Framework for Everyone
The Web framework for perfectionists with deadlines.
A PHP framework for web artisans
Bring data to life with SVG, Canvas and HTML. ๐๐๐
JavaScript (JS) is a lightweight interpreted programming language with first-class functions.
Some thing interesting about web. New door for the world.
A server is a program made to process requests and deliver data to clients.
Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.
Some thing interesting about visualization, use data art
Some thing interesting about game, make everyone happy.
We are working to build community through open source technology. NB: members must have two-factor auth.
Open source projects and samples from Microsoft.
Google โค๏ธ Open Source for everyone.
Alibaba Open Source for everyone
Data-Driven Documents codes.
China tencent open source team.