Can't use without material library about ajsf HOT 10 CLOSED

@hamzahamidi
https://github.com/Kalcode/angular6-json-schema-form-test-app

Same error brand new repo. Not sure where its happening, hoping I could find it but I haven't. Hopefully you are able to help. Thanks.

from ajsf.

@hamzahamidi any plans to solve this? I think it is bad practise to include more libraries than really needed.

from ajsf.

Any news on this?
When I try to use it with bootstrap-4 i'm forced to install:
import { FlexLayoutModule } from '@angular/flex-layout';
import { Bootstrap4FrameworkModule } from 'angular6-json-schema-form';
import { MaterialDesignFrameworkModule } from 'angular6-json-schema-form';
As well as lodash-es
4 libraries that I don't need.

from ajsf.

Yes , I noticed that you need to install @angular/material whether or not you use material component.

from ajsf.

Are you sure you imported NoFrameworkModule like this:

import { BrowserModule } from '@angular/platform-browser';
import { NgModule } from '@angular/core';

import { NoFrameworkModule } from 'angular6-json-schema-form';

import { AppComponent } from './app.component';

@NgModule({
  declarations: [ AppComponent ],
  imports: [
    BrowserModule
    NoFrameworkModule
  ],
  providers: [],
  bootstrap: [ AppComponent ]
})
export class AppModule { }

And you use the component like the following:

<json-schema-form
  loadExternalAssets="true"
  [schema]="yourJsonSchema"
  framework="no-framework"
  (onSubmit)="yourOnSubmitFn($event)">
</json-schema-form>

If you still face the same issue, can you make a repository to reproduce this issue?

from ajsf.

import { BrowserModule } from '@angular/platform-browser';
import { NgModule } from '@angular/core';
import { HttpClientModule } from '@angular/common/http';
import { ApolloModule } from 'apollo-angular';
import { HttpLinkModule } from 'apollo-angular-link-http';
import { NoFrameworkModule } from 'angular6-json-schema-form';

import { AppComponent } from './app.component';
import { LayoutModule } from './modules/layout/layout.module';
import { ApolloProvider } from './graphql/createApollo';

@NgModule({
  bootstrap: [AppComponent],
  declarations: [
    AppComponent,
  ],
  imports: [
    BrowserModule,
    HttpClientModule,
    ApolloModule,
    HttpLinkModule,
    LayoutModule,
    NoFrameworkModule,
  ],
  providers: [
    ApolloProvider,
  ],
})
export class AppModule { }

Sure give me a few minute to get one going.

from ajsf.

@hamzahamidi
For me the same, but instead of using "NoFrameworkModule", I only use "Bootstrap4FrameworkModule". get the same npm compile error like @Kalcode

from ajsf.

@hamzahamidi you also have to import the Material frame work module. eg try https://github.com/Selion05/angular-json-schema-test without importing MaterialDesignFrameworkModule

Uncaught Error: Template parse errors:
'json-schema-form' is not a known element:

from ajsf.

Same for me. I can use "framework="no-framework" but only if I import the "MaterialDesignFrameworkModule" or "Bootstrap4FrameworkModule". The "NoFrameworkModule" doesn't provide the "json-schema-form" element.

from ajsf.

Stale issue

from ajsf.