1.1.0 • Published 2 years ago

@antin502/ng-multiselect v1.1.0

Weekly downloads
1
License
ISC
Repository
github
Last release
2 years ago

Angular 9 Ng MultiSelect

Installation

ng-multiselect is available via npm

Using npm:

$ npm install @antin502/ng-multiselect --save
  • Import NgMultiSelect to your AppModule
import { AppComponent } from './app.component';
import {NgMultiselectModule} from '@antin502/ng-multiselect';

@NgModule({
    imports: [
        ....,
        NgMultiselectModule
    ],
    declarations: [
        AppComponent
    ],
    bootstrap: [AppComponent]
})
export class AppModule {}
  • Use it in your template
      <ng-multiselect [dataList]="list"
                      [compareWith]="compareWith"
                      [(selectedValues)]="selected"
                      [options]="{hide: {selectedItems: false, search: true, selectionAll: true}}"
                      [formatter]="formatter"
      select-all-text="" unselect-all-text="">
      </ng-multiselect>
      ....
      list = [];
      selected = [{id: 1}];
      title = 'ng-multiselect';
    
      formatter = (i) => i.text;
      compareWith = (a) => a.id;
    
      ngOnInit(): void {
        for (let i = 0; i < 100; i++) {
          this.list.push({id: i, text: `id=${i}`});
        }
      }
    
    
      log(e) {
        console.log(e);
      }
      ....

Demo

Creator

Vladimir Antin

1.1.0

2 years ago

1.0.7

2 years ago

1.0.6

2 years ago

1.0.5

2 years ago

1.0.4

2 years ago

1.0.3

2 years ago

1.0.2

2 years ago

1.0.1

2 years ago

1.0.0-beta

2 years ago

0.1.0-beta

2 years ago

0.2.0-rc

2 years ago

0.2.0

2 years ago

0.1.5-rc

2 years ago

0.1.4-rc

2 years ago

0.1.3-rc

2 years ago

0.1.2-rc

2 years ago

0.1.1-rc

2 years ago

0.1.0-rc

2 years ago

0.1.0

2 years ago

1.0.0-rc

2 years ago

1.0.0

2 years ago