angular-ui-tree | tree component for AngularJS , without jQuery | Dataset library

I am struggle with create proper unit tests for the angularjs (v1.4.9) application which contains both javascript files (with jasmine tests) and typescript files (with no tests at all, now I am trying to use Mocha, but it can be any framework).

Hence it hybrid and an old angularjs without modules, I decided to compile all .ts to one bundle.js file, due to avoid files ordering problem (which occurs when I have single .js file per .ts and inject it with gulp task to index.html).

My tsconfig.js:

I am developing a tree view to show list of categories using AngularJS. I used this git repository.

HTML

I am using angularjs with typescript in conjunction with gulp task utility. I have just updated typescript from version 2.0.3 to latest version 2.9.2. I have also changed typescript type definitions in tsconfig.json file.

Previous tsconfig.json:

For Angular ui-tree, i want to add expland all or collapse all.

I tried the following code and it works.

I'm new to angularjs and want to implement some hierarchy screen in which user can add a new group, child to that group and so on. (parent/child hierarchy)

Something like this

1 Admin

1.1 -----User Admin

1.1.1 ----------Tech Support Admin

1.1.1.1 --------------------Tech Support Team

1.2 ----------Login Admin

1.2.1 --------------------Profiles

1.3 -----Client Admin

1.3.1 ----------Client 1

1.3.2 ----------Client 2

2 Users

2.1 -----User 1

2.2 -----User 2

2.3 -----User 3

I've searched some tutorials and the only solution I found out relative to my problem is angular ui tree.

But I'm not satisfied with that because I have to add images/avatar with all nodes (parents/children), then have to assign some roles to each of them on the basis of their parent node. but ui-tree does not have any procedure to add customized nodes or child of any node.

Is there any better approach to do this? Any kind of help will be appreciated.

After a migration from grunt, the styles are not working as intended with webpack. All the styles were concatenated in the gruntfile like this:

I'd like to generate dynamic html for my treeview (angular-ui-tree). The problem is as follows: I've got a json with a number of nested objects, and I have HTML that uses angular-ui-tree directives to create the tree. I have to hardcode the html at the moment to reflect the complexity of my json, but I can't know it in advance.

I have a method that gives me integer for the depth of my json, and an element I'd like to repeat, but every time I repeat it it will be appended inside of the previous element.

How can I do this from within a directive so that Angular is happy about me appending another directive dynamically like that?

Is there a better way to do this?

I'm using "angular-ui-tree": "^2.22.5"

Error when I click on the Do something menu item ..

Developing one app using angularjs and everything is working fine after loading any web page but there is an message coming on the console