Fix problems with ngModel 2-way data binding.

Author: dschnelldavis

package-lock.json

@@ -1,6 +1,6 @@
 {
   "name": "angular2-json-schema-form",
-  "version": "0.6.0-alpha.1",
+  "version": "0.6.0-alpha.2",
   "author": {
     "name": "David Schnell-Davis",
     "email": "[email protected]"
@@ -59,14 +59,14 @@
     "lodash": "4.x"
   },
   "peerDependencies": {
-    "@angular/cdk": "2.x | 5.x",
-    "@angular/common": "4.x | 5.x",
-    "@angular/core": "4.x | 5.x",
-    "@angular/flex-layout": "2.x | 5.x",
-    "@angular/forms": "4.x | 5.x",
-    "@angular/material": "2.x | 5.x",
-    "@angular/platform-browser": "4.x | 5.x",
-    "rxjs": "5.x"
+    "@angular/cdk": ">=2.0.0",
+    "@angular/common": ">=4.0.0",
+    "@angular/core": ">=4.0.0",
+    "@angular/flex-layout": ">=2.0.0",
+    "@angular/forms": ">=4.0.0",
+    "@angular/material": ">=2.0.0",
+    "@angular/platform-browser": ">=4.0.0",
+    "rxjs": ">=5.0.0"
   },
   "devDependencies": {
     "@angular/animations": "^5.0.1",
@@ -85,9 +85,9 @@
     "@angular/platform-browser-dynamic": "^5.0.1",
     "@angular/router": "^5.0.1",
     "@types/ace": "^0.0.35",
-    "@types/jasmine": "^2.6.3",
+    "@types/jasmine": "^2.8.0",
     "@types/jasminewd2": "~2.0.2",
-    "@types/node": "^8.0.50",
+    "@types/node": "^8.0.52",
     "brace": "^0.10.0",
     "camelcase": "^4.0.0",
     "codelyzer": "^4.0.1",
@@ -105,7 +105,7 @@
     "karma-jasmine-html-reporter": "^0.2.2",
     "protractor": "^5.2.0",
     "rimraf": "^2.6.1",
-    "rollup": "^0.51.2",
+    "rollup": "^0.51.5",
     "rollup-plugin-commonjs": "^8.2.6",
     "rollup-plugin-node-resolve": "^3.0.0",
     "rollup-plugin-node-resolve-angular": "^2.0.3",

package.json

@@ -62,7 +62,7 @@ export class FrameworkLibraryService {
   stylesheets: (HTMLStyleElement|HTMLLinkElement)[];
   scripts: HTMLScriptElement[];
   loadExternalAssets = false;
-  defaultFramework = 'material-design';
+  defaultFramework = 'no-framework';
   frameworkLibrary: FrameworkLibrary = {
     'no-framework': {
       framework: NoFrameworkComponent

src/lib/src/framework-library/framework-library.service.ts

@@ -20,7 +20,7 @@ import { MaterialTextareaComponent } from './material-textarea.component';
 
 import { MaterialDesignFrameworkComponent } from './material-design-framework.component';
 
-export const MATERIAL_DESIGN_COMPONENTS = [
+export const MATERIAL_FRAMEWORK_COMPONENTS = [
   FlexLayoutRootComponent, FlexLayoutSectionComponent,
   MaterialAddReferenceComponent, MaterialOneOfComponent,
   MaterialButtonComponent, MaterialButtonGroupComponent,

src/lib/src/framework-library/material-design-framework/index.ts

@@ -1,14 +1,20 @@
 import { NgModule } from '@angular/core';
 import { CommonModule } from '@angular/common';
 import { BrowserAnimationsModule } from '@angular/platform-browser/animations';
-import { FlexLayoutModule } from '@angular/flex-layout';
 import { FormsModule, ReactiveFormsModule } from '@angular/forms';
+import { FlexLayoutModule } from '@angular/flex-layout';
 import {
   MatButtonModule, MatButtonToggleModule, MatCardModule, MatCheckboxModule,
   MatDatepickerModule, MatFormFieldModule, MatGridListModule, MatIconModule,
   MatInputModule, MatNativeDateModule, MatRadioModule, MatSelectModule,
   MatSliderModule, MatSlideToggleModule, MatTabsModule, MatTooltipModule,
 } from '@angular/material';
+export const ANGULAR_MATERIAL_MODULES = [
+  MatButtonModule, MatButtonToggleModule, MatCardModule, MatCheckboxModule,
+  MatDatepickerModule, MatFormFieldModule, MatGridListModule, MatIconModule,
+  MatInputModule, MatNativeDateModule, MatRadioModule, MatSelectModule,
+  MatSliderModule, MatSlideToggleModule, MatTabsModule, MatTooltipModule,
+];
 /**
  * unused @angular/material modules:
  * MatAutocompleteModule, MatChipsModule, MatDialogModule, MatExpansionModule,
@@ -20,20 +26,19 @@ import {
 import { WidgetLibraryModule } from '../../widget-library/widget-library.module';
 import { JsonSchemaFormService } from '../../json-schema-form.service';
 
-import { MATERIAL_DESIGN_COMPONENTS } from './index';
+import { MATERIAL_FRAMEWORK_COMPONENTS } from './index';
 
 @NgModule({
   imports: [
-    CommonModule, FlexLayoutModule, FormsModule, ReactiveFormsModule,
-    MatButtonModule, MatButtonToggleModule, MatCardModule, MatCheckboxModule,
-    MatDatepickerModule, MatFormFieldModule, MatGridListModule, MatIconModule,
-    MatInputModule, MatNativeDateModule, MatRadioModule, MatSelectModule,
-    MatSliderModule, MatSlideToggleModule, MatTabsModule, MatTooltipModule,
-    WidgetLibraryModule
+    CommonModule, BrowserAnimationsModule, FormsModule, ReactiveFormsModule,
+    FlexLayoutModule, ...ANGULAR_MATERIAL_MODULES, WidgetLibraryModule
+  ],
+  declarations:    [ ...MATERIAL_FRAMEWORK_COMPONENTS ],
+  exports:         [
+    ...MATERIAL_FRAMEWORK_COMPONENTS, ...ANGULAR_MATERIAL_MODULES,
+    BrowserAnimationsModule, FlexLayoutModule
   ],
-  declarations:    [ ...MATERIAL_DESIGN_COMPONENTS ],
-  exports:         [ ...MATERIAL_DESIGN_COMPONENTS ],
-  entryComponents: [ ...MATERIAL_DESIGN_COMPONENTS ],
+  entryComponents: [ ...MATERIAL_FRAMEWORK_COMPONENTS ],
   providers:       [ JsonSchemaFormService ]
 })
 export class MaterialDesignFrameworkModule { }