Hi Goutham,
Greetings from Syncfusion support.
While checking the provided screenshot, we suspect that you have rendered the MultiSelect component with checkbox mode. When mode property set as “CheckBox”, you need to inject the “CheckBoxSelection” module. So, we suggest you inject the module in your app.component.ts file as mentioned in the below code example to get rid of the reported issue at your end.
[app.component.ts]
|
import { Component } from '@angular/core';
import { HttpClient } from '@angular/common/http';
import { CheckBoxSelectionService } from '@syncfusion/ej2-angular-dropdowns';
import { map } from 'rxjs/operators';
import { Observable } from 'rxjs';
@Component({
selector: 'app-root',
templateUrl: './app.component.html',
styleUrls: ['./app.component.css'],
providers: [CheckBoxSelectionService]
}) |
(or)
Else, you can import the “MultiSelectAllModule” in your app.module.ts file as like in the below code example to avoid the reported issue.
[app.module.ts]
|
import { BrowserModule } from '@angular/platform-browser';
import { NgModule } from '@angular/core';
import { AppRoutingModule } from './app-routing.module';
// import the MultiSelectAllModule for the MultiSelect component
import { MultiSelectAllModule } from '@syncfusion/ej2-angular-dropdowns';
import { HttpClientModule } from '@angular/common/http';
import { AppComponent } from './app.component';
import { HttpModule, JsonpModule } from '@angular/http';
@NgModule({
declarations: [
AppComponent
],
imports: [
BrowserModule,
AppRoutingModule,
MultiSelectAllModule,
HttpClientModule,
HttpModule, JsonpModule
],
providers: [],
bootstrap: [AppComponent]
})
export class AppModule { } |
Please find the sample from the below link.
To know more about Multiselect with check box mode, please refer the below documentation link.
Still facing issues, please revert us with issue reproducing sample or code example that will help us to check and provide the exact solution at our end.
Regards,
Berly B.C
