dschnelldavis/angular2-json-schema-form

<json-schema-form> is not showing the form in the browser when I tried to add angular2-json-schema-form framework in our existing application

rmayuri opened this issue · 1 comments

rmayuri commented

Issue type

I'm submitting a (check one):
[ ] Bug report
[ ] Feature request
[ ] Regression (something that used to work, but stopped working in a newer version)
[ ] Support request
[ ] Documentation issue or request

Prerequisites

Before posting, make sure you do the following (check all):
[ ] Confirm you are using the latest versions of all necessary packages (or if not, explain why not)
[ ] Search GitHub for a similar issue or PR
[ ] If submitting a Support request, also search Stack Overflow for similar issues
Note: Please cross-post GitHub support requests to Stack Overflow, and include a link in your GitHub issue to your Stack Overflow question. We do currently respond to support requests on GitHub, but we eventually expect to stop, and will then refer all support questions exclusively to Stack Overflow.

Current behavior

I added this framework with creating new project then it worked properly, now I need to add this framework with our existing application to build dynamic forms, so I did below steps to add,
npm install --save @angular/material
npm install --save @angular/cdk
npm install --save @angular/animations
npm install @angular/flex-layout@2.0.0-beta.12
npm install angular2-json-schema-form

added below in app.module.ts

import {JsonSchemaFormModule, NoFrameworkModule, Framework, WidgetLibraryService, FrameworkLibraryService, JsonSchemaFormService} from 'angular2-json-schema-form';
import {NoopAnimationsModule} from '@angular/platform-browser/animations';

added below in login.component.ts

import { Component } from '@angular/core';
@component({
selector: 'app-login',
templateUrl: './login.component.html',
styleUrls: ['./login.component.css']
})

export class LoginComponent {
title = 'Optum Navigator';
mySchema = {
"properties": {
"msid": {
"type": "string",
"required":true
},
"password": {
"type": "string",
"widget": "password",
"required":true
},

  }

};

added below in login.component.html

{{title}}



Expected behavior

it should show a login page with username and password fields, but its showing the blank page

IMPORTANT: How can we reproduce your problem?

Environment

OS name & version: windows7
Browser name & version:chrome
Angular version:"@angular/cli": "1.6.5",
Angular JSON Schema Form version(s):"angular2-json-schema-form": "^0.7.0-alpha.1",
Other relevant software or packages:

Any other relevant information

Thorski commented