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>