Impossible to initialize Moltin as a service in Angular 2

Hi guys!

I’ve been trying to use the sdk with Angular 2 (actually the 4.1.3 version) initializing the Molltin package as a service, but without success.

The following code, is the typical used to start a new project in Angular 2 very simple, but it seems that the Moltin module is not returning the necessary things to register it as a service. Or maybe the problem is that I’m actually doing something wrong (probably xD)

Every time that I tried, the app throws an error with this message: Error: No provider for gateway!

So, a little bit of my code:

import { BrowserModule } from '@angular/platform-browser';
import { NgModule } from '@angular/core';
import { FormsModule } from '@angular/forms';
import { HttpModule } from '@angular/http';
// App modules
import { AppComponent } from './app.component';
// Moltin module
import { gateway as MoltinGateway } from '@moltin/sdk';

@NgModule({
  declarations: [
    AppComponent
  ],
  imports: [
    BrowserModule,
    FormsModule,
    HttpModule
  ],
  providers: [
    MoltinGateway
  ],
  bootstrap: [AppComponent]
})
export class AppModule {}```


Anybody with the same problem?

Many thanks in advance!

[skaparate]

@gatoenano,

In your AppModule, You must provide an instance of the gateway with your client_id, otherwise the injector wouln’t find the required dependency :

import { BrowserModule } from '@angular/platform-browser';
import { NgModule } from '@angular/core';
import { FormsModule } from '@angular/forms';
import { HttpModule } from '@angular/http';
// App modules
import { AppComponent } from './app.component';
// Moltin module
import { gateway as MoltinGateway } from '@moltin/sdk';

@NgModule({
  declarations: [
    AppComponent
  ],
  imports: [
    BrowserModule,
    FormsModule,
    HttpModule
  ],
  providers: [
    { provide: MoltinGateway, useValue: new MoltinGateway({ client_id: '....' }) }
  ],
  bootstrap: [AppComponent]
})
export class AppModule {}

Edited: please, do not use this example. It may work, but is wrong.

[ynnoj]

Going to close this. Please reopen if you’re still have issues @gatoenano.

Thanks for the assist, @skaparate! I’m going to document your recommended Angular approach in the Wiki 🙃