如何创建具有 angular2 json 模式形式的字段部分？

Question

我正在使用 https://github.com/dschnelldavis/angular2-json-schema-form，我的表格 HTML 是：

<json-schema-form
[schema]="schema"
(onSubmit)="exampleOnSubmitFn($event)">
</json-schema-form>

我的schema是：

this.schema = {
  type: "object",
  properties: {
    CCN: {
      required: true,
      type: "number",
      minimum: 1000000000,
      maximum: 99999999999999999999
    },
    Quarter: {
      type: 'string',
      required: true,
      enum: ['Q1', 'Q2', 'Q3', 'Q4']
    },
    Year: {
      type: 'string',
      required: true,
      enum: ['2018', '2019', '2020']  
    },
    covered_medi: {
      title: "Covered by Medicare/Medicaid",
      type: "number",
      required: true
    },
    covered_private: {
      title: "Covered by private insurance",
      type: "number",
      required: true
    },
    Uninsured: {
      type: "number",
      required: true
    },
  }
}

我希望 Quarter 和 Year 位于单独的部分。我尝试使用 layout 属性:

this.layout = [{
  type: "fieldset",
  title: "Reporting Period",
  items: [{
    key: "Quarter"
  }, {
    key: "Year"
  }]
}]

但这似乎行不通。

Answer 1

如果您有 installed and instantiated the provider. The only thing that can fail is the schema, examples 或回调，请使用空回调进行测试。

ts

@Component({...})
export class MyComponent {

   public schema: any = {...}
   public onSubmit(event) {...}
   ... }

html

<json-schema-form
  [schema]="schema"
  (onSubmit)="onSubmit($event)">
</json-schema-form>

在这个 example 中，把每个属性中需要的都放出来。

如何创建具有 angular2 json 模式形式的字段部分？

How can I create a section of fields with angular2 json schema form?

forms

jsonschema

angular