Angular6 JSON模式表单加载Bootstrap模块

时间:2018-07-28 19:37:22

标签: javascript angular typescript angular6 angular6-json-schema-form

我在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。

1 个答案:

答案 0 :(得分:0)

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

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