What is the best UI for below features in Angular Js?

Basically UI should be able to display all parents with associated child collection
Should be able to add new child and associate that to parent
Should be able to ADD/EDIT/Delete both parent and child.

Please suggest best UI for above features

Find more posts tagged with

angular

refinitiv-internal

Accepted answers

All comments

Ioannis Mavroukakis

You need to let us know, where you intend to use it. If it is for Eikon, you should be looking at the [EikonWebUI][1] project for a plethora of controls (link is for Beta)

[1]: https://amers1.views.cp.reutest.com/Apps/EikonWebUI

Artem Saveliev

You are not describing how you will be adding/editing either parent or child.
If it's separate form, then any control that can do hierarchy will work. You can use bentoui tree, wijmo tree, or some other tree implementation. If you need to show detailed info or ability to edit inline, then you'll need a grid with grouping support, ngGrid, wijmo grid, bentoui datatable support that.

samrit

If this is about the Angular, you control DOM with directives bound with a structured model. You can use ng-repeat to bind a list of data into a repetitive DOM node, and use ng-show/ng-hide to show or hidden the node you want. If you want to manipulate DOM in special way and you use Angular, you have to write yourself Angular directive. Hope this helps

Matt Buckley

There are some components in the Front-End Framework (https://thehub.thomsonreuters.com/groups/fef) that could be helpful to you. Here are links to the examples:

http://fef.int.thomson.com/#!/directives#tree-view
http://modern.centralux.int.thomsonreuters.com:8888/##doc-datatables

Jenishkumar Rabadiya

If you are looking for tree like structure then you should look for angular tree control. http://ngmodules.org/modules/angular-tree-control

EXPLORE OUR SITES