# ng2-dropdown-treeview-multilevel-fork

> An Angular2 clickable dropdown accordian/treeview component with multiple selection

Latest version **0.0.1** (published 2017-03-21) · MIT license · 0 weekly downloads

## Install

```sh
npm install ng2-dropdown-treeview-multilevel-fork
pnpm add ng2-dropdown-treeview-multilevel-fork
yarn add ng2-dropdown-treeview-multilevel-fork
bun add ng2-dropdown-treeview-multilevel-fork
```

## Health

**Score 30/100 (F)** — status: abandoned.

Positive: has types; esm support; no vulnerabilities; high quality score.

Warnings: low downloads; pre 1.0.

Negative: abandoned; low maintenance score.

## Facts

| | |
|---|---|
| Version | 0.0.1 |
| Published | 2017-03-21 |
| First published | 2017-03-21 |
| Weekly downloads | 0 |
| License | MIT |
| TypeScript types | bundled |
| Module format | ESM + CommonJS |
| Dependencies | 0 |
| Known vulnerabilities | 0 |
| Install scripts | no |
| GitHub stars | 0 |
| Maintainers | prajactsawant |
| Keywords | ng2, dropdown, treeview, angular, angular2, tree, multiselect, multiple selection |

## Links

- npm: https://www.npmjs.com/package/ng2-dropdown-treeview-multilevel-fork
- Repository: https://github.com/prajact/ng2-dropdown-multiple-treeview
- Issues: https://github.com/prajact/ng2-dropdown-multiple-treeview/issues
- npm.io page: https://npm.io/package/ng2-dropdown-treeview-multilevel-fork

## Recent versions

- 0.0.1 (latest) — 2017-03-21
- 0.1.4 — 2017-03-21

## README

# ng2-dropdown-treeview [![Build Status](https://travis-ci.org/leovo2708/ng2-dropdown-treeview.svg?branch=master)](https://travis-ci.org/leovo2708/ng2-dropdown-treeview) [![npm version](https://img.shields.io/npm/v/ng2-dropdown-treeview.svg)](https://www.npmjs.com/package/ng2-dropdown-treeview)

An Angular 2 checkable dropdown treeview component with multiple selection.

## Dependencies

* [Angular 2](https://angular.io)
* [Lodash](https://lodash.com)
* [Bootstrap 4](https://v4-alpha.getbootstrap.com)
* [Font Awesome 4](http://fontawesome.io)

You can customize CSS yourself to break down dependencies to Bootstrap & Font Awesome.

## Features

* Unlimited tree levels
* Item can be checked / disabled by checkbox.
* Collapse / Expand
* Text filtering
* Customizable texts

## Demo

https://embed.plnkr.co/1kcbUvNze8HAJ0tN0wsX/

## Installation

After install the above dependencies, install `ng2-dropdown-treeview` via:
```shell
npm install --save ng2-dropdown-treeview
```
Once installed you need to import our main module in your application module:
```js
import {DropdownTreeviewModule} from 'ng2-dropdown-treeview';

@NgModule({
  declarations: [AppComponent, ...],
  imports: [DropdownTreeviewModule.forRoot(), ...],  
  bootstrap: [AppComponent]
})
export class AppModule {
}
```

## Usage

Here is the example template:
```html
<leo-dropdown-treeview
    [config]="config"
    [items]="items"
    (selectedChange)="onSelectedChange($event)">
</leo-dropdown-treeview>
```

 `config` is optional. This is the default configuration:
 ```js
 {
    isShowAllCheckBox: true,
    isShowFilter: false,
    isShowCollapseExpand: false,
    headerText: 'All',
    allText: 'All',
    noSelectText: 'Select options',
    moreSelectText: ' selected'
}
```

I also support a pipe `leoTreeview` to map your JSON objects to TreeItem objects.
```html
<leo-dropdown-treeview
    [config]="config"
    [items]="items | leoTreeview:'textField'"
    (selectedChange)="onSelectedChange($event)">
</leo-dropdown-treeview>
```

Please checkout my demo examples.

## Contributing

I am very appreciate for your ideas, proposals and found bugs which you can leave in github issues. Thanks in advance!

---
_Source: https://npm.io/package/ng2-dropdown-treeview-multilevel-fork · Machine-readable twin of the npm.io package page. Health data is recomputed on every publish._