amolborse / angular4-multiselect-dropdown Goto Github PK

when i am using this package in angular 6 having below error

ERROR in ./node_modules/angular4-multiselect-dropdown/angular4-multiselect-dropdown.ts
Module build failed (from ./node_modules/@ngtools/webpack/src/index.js):
Error: /home/users/praviteja/git-repo/espn/espn-analytics-web/node_modules/angular4-multiselect-dropdown/angular4-multiselect-dropdown.ts is missing from the TypeScript compilation. Please make sure it is in your tsconfig via the 'files' or 'include' property.
The missing file seems to be part of a third party library. TS files in published libraries are often a sign of a badly packaged library. Please open an issue in the library repository to alert its author and ask them to package the library using the Angular Package Format (https://goo.gl/jB3GVv).
at AngularCompilerPlugin.getCompiledFile (/home/users/praviteja/git-repo/espn/espn-analytics-web/node_modules/@ngtools/webpack/src/angular_compiler_plugin.js:752:23)
at plugin.done.then (/home/users/praviteja/git-repo/espn/espn-analytics-web/node_modules/@ngtools/webpack/src/loader.js:41:31)
at
at process._tickCallback (internal/process/next_tick.js:189:7)

In Html:-------
<angular4-multiselect [data]="dropdownList" [(ngModel)]="selectedItems"
[settings]="dropdownSettings"
(onSelect)="onItemSelect($event)"
(onDeSelect)="OnItemDeSelect($event)"
(onSelectAll)="onSelectAll($event)"
(onDeSelectAll)="onDeSelectAll($event)"
(onAddFilterNewItem)="onAddItem($event)">

In .ts file-----
this.dropdownSettings = {
singleSelection: false,
text:"Select Countries",
selectAllText:'Select All',
unSelectAllText:'UnSelect All',
enableSearchFilter: true,
addNewItemOnFilter: true
};
onAddItem(data:string){
console.log(data);
}

When I compile my project, I get the below error

ERROR in ./node_modules/angular4-multiselect-dropdown/angular4-multiselect-dropdown.ts
Module build failed: Error: D:\Angular_Projects\MutipleSelectionDropdown\node_modules\angular4-multiselect-dropdown\angular4-multiselect-dropdown.ts is missing from the TypeScript compilation. Please make sure it is in your tsconfig via the 'files' or 'include' property.

The missing file seems to be part of a third party library. TS files in published libraries are often a sign of a badly packaged library. Please open an issue in the library repository to alert its author and ask them to package the library using the Angular Package Format (https://goo.gl/jB3GVv).
at AngularCompilerPlugin.getCompiledFile (D:\Angular_Projects\MutipleSelectionDropdown\node_modules@ngtools\webpack\src\angular_compiler_plugin.js:749:23)
at plugin.done.then (D:\Angular_Projects\MutipleSelectionDropdown\node_modules@ngtools\webpack\src\loader.js:41:31)
at process._tickCallback (internal/process/next_tick.js:68:7)

Would be awesome to have support for Angular 7

Steps to reproduce

1. Search for a value
2. Select the Value
3. Click on collapse icon to close the drop-down list
4. Open the dropdown list, the previous text in search box still appears.

How to clear this value from the search box.

I add given repository but it failed to build and run the project.

[ERROR] TS-996002: 'AngularMultiSelectModule' does not appear to be an NgModule class. [plugin angular-compiler]

    src/app/abc.module.ts:34:4:
      34 │     AngularMultiSelectModule
         ╵     ~~~~~~~~~~~~~~~~~~~~~~~~

  This likely means that the library (angular4-multiselect-dropdown/angular4-multiselect-dropdown) which declares AngularMultiSelectModule is not compatible with Angular Ivy. Check if a newer version of the library is available, and update if so. Also consider checking with the library's authors to see if the library is expected to be compatible with Ivy.

    node_modules/angular4-multiselect-dropdown/dist/multiselect.component.d.ts:72:21:
      72 │ export declare class AngularMultiSelectModule {

in angular 4 multi select- drop down there is no check boxes
how user will know whether that is multi select or not can u fix this one