add forRoot default

README.md

@@ -161,13 +161,20 @@ SystemJS
     | popperOnShown            | EventEmitter<void>| $event   |    
     | popperOnHidden           | EventEmitter<void>| $event   |
 
-8. Override default    
+8. Override default
+    Ngx-popper comes with a few default properties you can override in default to effect all instances
+    These are overridden by any child attributes.
 ```JavaScript
-// Simply override PopperController baseOptions, this will apply to all popper that do not have an attribute set
-// This is a static reference and should run ASAP, preferably before the angular application is bootstrapped
-constructor() {
-    PopperController.baseOptions.disableAnimation = true;
-  }
+NgModule({
+  imports: [
+    BrowserModule,
+    FormsModule,
+    NgxPopperModule.forRoot({placement: 'bottom'})],
+  declarations: [AppComponent],
+  providers: [],
+  bootstrap: [AppComponent]
+
+})
 ```
 
    | Options                  | Type              | Default  |
@@ -178,7 +185,7 @@ constructor() {
    | boundariesElement        | string(selector)  | undefined|  
    | trigger                  | Trigger(string)   | hover    |    
    | popperModifiers          | popperModifier    | undefined|
-    
+   | positionFixed            | boolean           | false    |
 
 9. popperPlacement:
 

example/app/app.component.html

@@ -6,7 +6,6 @@
            [popperTrigger]="'click'"
            [popperTarget]="popper1"
            [popperShowOnStart]="true"
-           [popperPositionFixed]="true"
            [popperPlacement]="example1select" class="rel" id="example10reference1">
         <p class="bold">Hey!</p>
         <p class="thin">Choose where to put your popper!</p>

example/app/app.module.ts

@@ -10,7 +10,7 @@ import { Draggable } from 'ng2draggable/draggable.directive';
   imports: [
     BrowserModule,
     FormsModule,
-    NgxPopperModule],
+    NgxPopperModule.forRoot({positionFixed: false})],
   declarations: [
     testComponent,
     Draggable,

package.json

@@ -1,6 +1,6 @@
 {
   "name": "ngx-popper",
-  "version": "1.8.1",
+  "version": "1.8.3",
   "description": "ngx-popper is an angular wrapper for popper.js",
   "directories": {
     "test": "test"

src/popper.model.ts

@@ -52,11 +52,11 @@ export class Placements {
 }
 
 export interface PopperContentOptions {
-  disableAnimation: boolean;
-  disableDefaultStyling: boolean;
-  placement: Placement;
-  boundariesElement: string;
-  trigger: Trigger;
-  positionFixed: boolean;
-  popperModifiers: {};
+  disableAnimation?: boolean;
+  disableDefaultStyling?: boolean;
+  placement?: Placement;
+  boundariesElement?: string;
+  trigger?: Trigger;
+  positionFixed?: boolean;
+  popperModifiers?: {};
 }

src/popper.module.ts

@@ -1,7 +1,8 @@
 import {CommonModule} from "@angular/common";
-import {NgModule} from "@angular/core";
+import {ModuleWithProviders, NgModule} from "@angular/core";
 import {PopperController} from './popper-directive';
 import {PopperContent} from './popper-content';
+import {PopperContentOptions} from './popper.model';
 
 @NgModule({
   imports: [
@@ -20,7 +21,9 @@ import {PopperContent} from './popper-content';
   ]
 })
 export class NgxPopperModule {
-  ngDoBootstrap(){
-
+  ngDoBootstrap(){}
+  public static forRoot(popperBaseOptions?: PopperContentOptions): ModuleWithProviders {
+    PopperController.baseOptions = Object.assign(PopperController.baseOptions, popperBaseOptions || {});
+    return {ngModule: NgxPopperModule, providers: []};
   }
 }