Angular6 json 模式表单加载 Bootstrap 模块
Angular6 json schema form loads Bootstrap module
我在 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.
没关系,我在文档中找到了解决方案。我需要在组件 HTML:
中指定 template/framwork
<json-schema-form
loadExternalAssets="true"
[schema]="schema"
framework="bootstrap-4"
(onSubmit)="submit($event)">
</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.
没关系,我在文档中找到了解决方案。我需要在组件 HTML:
中指定template/framwork
<json-schema-form
loadExternalAssets="true"
[schema]="schema"
framework="bootstrap-4"
(onSubmit)="submit($event)">
</json-schema-form>