feat(module): add a forRoot to the @ionic/angular module

packages/angular/src/module.ts

@@ -1,4 +1,8 @@
-import { NgModule, CUSTOM_ELEMENTS_SCHEMA } from '@angular/core';
+import {
+  ModuleWithProviders,
+  NgModule,
+  CUSTOM_ELEMENTS_SCHEMA
+} from '@angular/core';
 
 import { BooleanValueAccessor } from './control-value-accessors/boolean-value-accessor';
 import { RadioValueAccessor } from './control-value-accessors/radio-value-accessor';
@@ -26,9 +30,15 @@ import { AlertController } from './providers/alert-controller';
   ],
   schemas: [
     CUSTOM_ELEMENTS_SCHEMA
-  ],
-  providers: [
-    AlertController
   ]
 })
-export class IonicAngularModule { }
+export class IonicAngularModule {
+  static forRoot(): ModuleWithProviders {
+    return {
+      ngModule: IonicAngularModule,
+      providers: [
+        AlertController
+      ]
+    };
+  }
+}

packages/demos/angular/src/app/app.module.ts

@@ -4,16 +4,15 @@ import { CUSTOM_ELEMENTS_SCHEMA, NgModule } from '@angular/core';
 import { AppComponent } from './app.component';
 import { AppRoutingModule } from './app-routing.module';
 
-import { AlertController } from '@ionic/angular';
+import { IonicAngularModule } from '@ionic/angular';
+
 
 @NgModule({
   declarations: [AppComponent],
   imports: [
     AppRoutingModule,
     BrowserModule,
-  ],
+    IonicAngularModule.forRoot()
-  providers: [
-    AlertController
   ],
   bootstrap: [AppComponent],
   schemas: [CUSTOM_ELEMENTS_SCHEMA]