I have been created a complete new project to replicate this issue,
the result are still the same, Error: No provider for KeyboardService.
The project size is to large unable to upload from here.

below is the steps for the scenario ->

1.ng new [my-app] <- create new angular 4 project
2.npm install --save font-awesome
3.npm install --save hammerjs mousetrap
4.npm install --save angular-modal-gallery
5.npm install --save-dev @types/mousetrap
6.npm install --save-dev @types/hammerjs

add these lines to app.module.ts

import 'hammerjs';
import 'mousetrap';
import { ModalGalleryModule } from 'angular-modal-gallery';

@NgModule({
declarations: [
AppComponent
],
imports: [
BrowserModule,
ModalGalleryModule
],
providers: [],
bootstrap: [AppComponent]
})

app.component.html

<modal-gallery [downloadable]="true" [buttonsConfig]="{extUrl: true}" [modalImages]="imagesArray">
</modal-gallery>

app.component.ts

imagesArray: Array<Image> = [
new Image(
'../assets/images/banner1.jpg',
null, // no thumb
null, // no description
'http://www.google.com'),
new Image(
'../assets/images/banner2.jpg',
null, // no thumb
'Description 2',
'http://www.google.com'),];

Uh oh!

Error: No provider for KeyboardService! #94

Description

Metadata

Metadata

Assignees

Labels

Projects

Milestone

Relationships

Development

Issue actions