Angular6json模式表单加载Bootstrap模块

Question

我在Angular v6项目中使用angular6json模式形式。我用命令安装了它：

$ 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。

Answer 1

没关系，我在文档中找到了解决方案。我需要在组件HTML:中指定template/framwork

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