代码之家  ›  专栏  ›  技术社区  ›  Melchia

Angular6 JSON模式窗体加载引导模块

  •  0
  • Melchia  · 技术社区  · 6 年前

    我在用 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 回复  |  直到 6 年前
        1
  •  0
  •   Melchia    6 年前

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

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