https://github.com/ilirhushi/ngx-recursive-view
An Angular 5 Basic project to illustrate how to build a recursive parent-child view.
https://github.com/ilirhushi/ngx-recursive-view
angular5 example recursive recursive-view
Last synced: 10 months ago
JSON representation
An Angular 5 Basic project to illustrate how to build a recursive parent-child view.
- Host: GitHub
- URL: https://github.com/ilirhushi/ngx-recursive-view
- Owner: ilirhushi
- Archived: true
- Created: 2018-03-13T15:24:34.000Z (almost 8 years ago)
- Default Branch: master
- Last Pushed: 2019-02-23T18:19:50.000Z (almost 7 years ago)
- Last Synced: 2025-02-14T18:18:05.963Z (12 months ago)
- Topics: angular5, example, recursive, recursive-view
- Language: TypeScript
- Homepage:
- Size: 151 KB
- Stars: 0
- Watchers: 1
- Forks: 1
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# NgxRecursiveView
An Angular 5 Basic project to illustrate how to build a recursive parent-child view.
## Example
You define the structure of the tree as below using parent-children structure and the above tree structure will be generated as shown in the image.
```
public tree = [
{
title: 'Basketball',
children: []
},
{
title: 'Football',
children: [
{
title: 'Liga BBVA',
children: []
},
{
title: 'Seria A',
children: [
{
title: 'AC Milan',
children: []
},
{
title: 'Juventus',
children: []
},
{
title: 'Internazionale Milan',
children: [
{
title: 'Main Team',
children: []
},
{
title: 'Youth Team',
children: []
},
]
},
{
title: 'Roma',
children: [
{
title: 'Main Team',
children: []
},
]
},
]
},
]
},
];
```
## Development server
Run `ng serve` for a dev server. Navigate to `http://localhost:4200/`. The app will automatically reload if you change any of the source files.
## Build
Run `ng build` to build the project. The build artifacts will be stored in the `dist/` directory. Use the `-prod` flag for a production build.
## Questions
If you have any questions please use the Issues tab or submit a pull request.
## Contributors
[@ilirhushi](http://ilirhushi.me)