Angular6 json схема загружает модуль Bootstrap

Я использую https://github.com/hamzahamidi/Angular6-json-schema-form в проекте Angular v6. Я установил его с помощью команды:

$ yarn add angular6-json-schema-form

Я импортировал Bootstrap4FrameworkModule как это:

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

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

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

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

И мой компонент похож на следующее:

<json-schema-form
loadExternalAssets="true"
[schema]="schema"
(onSubmit)="submit($event)">
</json-schema-form>

Сгенерированные формы работают нормально, но Bootstrap4 стиль не работает. У меня нет стиля только обычный HTML.

1 ответ

Решение

Неважно, я нашел решение в документации. Мне нужно указать template/framwork в компоненте HTML:

<json-schema-form
loadExternalAssets="true"
[schema]="schema"
framework="bootstrap-4"
(onSubmit)="submit($event)">
</json-schema-form> 
Другие вопросы по тегам