Skip to content

Latest commit

 

History

History
23 lines (12 loc) · 921 Bytes

na-detail-editor.md

File metadata and controls

23 lines (12 loc) · 921 Bytes

NaDetailEditor

数据和配置驱动的表单展示和编辑器。通过配置文件,你就可以配置所需要的表单项类型、样式、分组,并且轻松获得Angular原生表单验证的支持,而且充分减少你的HTML和CSS代码量,让你专注于数据和逻辑本身。

使用方法

在HTML文件中使用一行代码引入即可

<na-detail-editor [data]="data" [config]="config" (onSubmit)="save($event)"></na-detail-editor>

参数

@Input() config: NaDetailEditorConfig

NaDetailEditor的配置参数,其中包括表单的标题、各个字段的类型设置、风格化设置以及表单验证方式。具体信息请参照NaDetailEditorConfig文档。

@Input() data?: any

NaDetailEditor的初始化数据。

@Output() onSubmit: (formValue: any) => void

NaDetailEditor在点击提交按钮时获取表单数据。