Ng2 Directory Tree 

Angular2 Component for rendering directory tree

(Demo with mouse clicks and keyboard shortcuts)

Please feel free to open issues for new features, requirements, and bug reports. Will deal with them accordingly.

$3

``
"ng2-directory-tree": "*"
`

`html

`

`javascript
// systemjs.config.js

var map = {
...

'ng2-directory-tree': 'node_modules/ng2-directory-tree'
};

var packages = {
...

'ng2-directory-tree': { main: 'ng2-directory-tree', defaultExtension: 'js' }
};

`


`javascript
import { Component } from '@angular/core';
import { DirectoryTreeComponent } from 'ng2-directory-tree'

@Component({
selector: 'my-app',
template: (onChange)="logging($event)"
[keyboardWatch]=true>
,
directives: [DirectoryTreeComponent]
})
export class AppComponent {
dir = {
"name": "photos",
"children": [
{
"name": "summer",
"children": [
{
"name": "june",
"children": [
{
"name": "windsurf.jpg"
}]
}
]
}
]
}

logging(node) {
console.log(node)
}
}

`

$3

- [ ] Handling keyboard event
- [x] Move by up-arrow, down-arrow
- [ ] Move by up-arrow, down-arrow
- [ ] General icon support (now it's hard coded)
- [ ] Change icons by file type (.jpg, .js`, ...)
- [ ] ....so forth

$3

Any reporting issues, sending pull requests, or even pushing the star button are welcome and appreciated.