Can't use ng2-bootstrap-modal in Angular 4

Asked Aug 19 '17 at 10:08

Active Aug 19 '17 at 10:45

Viewed 399 times

I'm trying to use ng2-bootstrap-modal in Angular 4 and ASP NET 5(VS 2017). I've followed instructions provided there:

In systemjs.config.js I've added:

map: {....
       'ng2-bootstrap-modal': 'npm:ng2-bootstrap-modal',
...
 packages: {
            ....
            'ng2-bootstrap-modal': {main: 'index.js', defaultExtension: 'js' }
        }

But,after importing in app.module:

...
import { BootstrapModalModule } from 'ng2-bootstrap-modal';
....
@NgModule({
  declarations: [
    AppComponent
  ],
  imports: [
   ....
    BootstrapModalModule
  ],
  bootstrap: [AppComponent]
})
export class AppModule {}

my app doesn't start,in console I have:

Error: (SystemJS) XHR error (403 Forbidden) loading 
http://localhost:3590/node_modules/ng2-bootstrap-modal

thanks

EDIT: I've found this plnkr example and I've updated my systemjs.config.js(see it above),now the erorr is

Error: (SystemJS) XHR error (403 Forbidden) loading http://localhost:3590/node_modules/rxjs

edited Aug 19 '17 at 10:45

asked Aug 19 '17 at 10:08

mrapi

5,831
8
37
57

you can directly use modal in angular 4 with out using any extension [SO answer](https://stackoverflow.com/a/45387777/2708210) – Rahul Singh Aug 19 '17 at 10:11
do you use angular-cli? – federico scamuzzi Aug 19 '17 at 10:15
@Rahul: I'm trying to have a reusable bootstrap confirm component,that seems to have what I'm looking for – mrapi Aug 19 '17 at 10:21
You can have that modal as a component there and re use it depends actually. I thought that might help – Rahul Singh Aug 19 '17 at 10:22
I'm new to Angular so I don't know how to create a component that I can subscipe to it in order to get response as I've seen there: `showConfirm() { this.dialogService.addDialog(ConfirmComponent, { title:'Confirmation', message:'Bla bla confirm some action?'}) .subscribe((isConfirmed)=>{ //Get dialog result this.confirmResult = isConfirmed; }); }` – mrapi Aug 19 '17 at 10:26
@ federico I'm using Angular integrated with Visual Studio,I don't think is angular-cli – mrapi Aug 19 '17 at 10:28
I've edit my first post,added plnkr example and the new error message.thanks – mrapi Aug 19 '17 at 10:47
are you available in teamviewer? – Aravind Aug 19 '17 at 10:47
I have a portable teamviewer installed – mrapi Aug 19 '17 at 10:51
1

You will not get the above error if you use the config they've shared – Gangadhar Jannu Aug 19 '17 at 10:51
Indeed using that configuration it is working,thanks for the tip – mrapi Aug 19 '17 at 11:49

Can't use ng2-bootstrap-modal in Angular 4

0 Answers0