ngx-multiselect

Select for Bootstrap 3 and Bootstrap 4

Table of contents

1. Installation instructions
2. Usage & Demo

Installation instructions

Install ngx-multiselect from npm

npm install ngx-multiselect --save

You will need bootstrap styles (Bootstrap 3)

<!-- index.html -->
<link href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css" rel="stylesheet">

Or Bootstrap 4

<!--- index.html -->
<link href="https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0-alpha.6/css/bootstrap.min.css" rel="stylesheet">

To enable bootstrap 4 theme templates in ngx-bootstrap, please read here ngx-multiselect

<!-- index.html -->
<link href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css" rel="stylesheet">

Usage & Demo

import {MultiselectModule} from 'ngx-multiselect';

@NgModule({
  declarations: [
    SelectDemoComponent
  ],
  imports: [
    CommonModule,
    FormsModule,
    MultiselectModule.forRoot()
  ],
  exports: [SelectDemoComponent]
})
export class DemoSelectModule {}


<ngx-multiselect [(ngModel)]="model" [options]="array" [displayName]="'name'" [trackBy]="'id'" [multiple]="true"></ngx-multiselect>