Angular6 JSON模式表單加載Bootstrap模塊

Question

我在Angular v6項目中使用angular6-json-schema-form 。 我用命令安裝了它：

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