如何在 teradata covalent 中设置 TdDynamicFormsComponent 的值
How to set values for TdDynamicFormsComponent in teradata covalent
我想在我的编辑页面的表单中设置值,然后我就可以编辑了。
public formElements = [
{
name: 'market',
type: TdDynamicElement.Input,
label: 'market',
required: true,
flex: 50
},
{
name: 'commodity',
type: TdDynamicElement.Input,
required: true,
flex: 50,
label: 'Commodity'
},
{
name: 'time',
label: 'Time',
type: TdDynamicElement.Datepicker,
required: true,
flex: 50
}
];
我想这样增值<input type='text' value='some name'/>
谢谢
已编辑。这就是我在 html
中显示表格的方式
<mat-card>
<mat-card-content>
<h5>Add an Market</h5>
<td-dynamic-forms #formRest [elements]="formElements">
</td-dynamic-forms>
<button mat-raised-button color="accent" (click)="submit()">Save</button>
<button mat-raised-button color="warn" (click)="close()">Cancel</button>
</mat-card-content>
</mat-card>
Covalent Dynamic Forms在表单元素界面上有一个default
属性。您可以使用它来设置初始值。如果数组没有改变,它不会自动更新表单。
{
"name": "text",
"type": "text",
"required": false,
"default": "Default",
"flex": 50
},
见下文Stackblitz
我想在我的编辑页面的表单中设置值,然后我就可以编辑了。
public formElements = [
{
name: 'market',
type: TdDynamicElement.Input,
label: 'market',
required: true,
flex: 50
},
{
name: 'commodity',
type: TdDynamicElement.Input,
required: true,
flex: 50,
label: 'Commodity'
},
{
name: 'time',
label: 'Time',
type: TdDynamicElement.Datepicker,
required: true,
flex: 50
}
];
我想这样增值<input type='text' value='some name'/>
谢谢
已编辑。这就是我在 html
中显示表格的方式<mat-card>
<mat-card-content>
<h5>Add an Market</h5>
<td-dynamic-forms #formRest [elements]="formElements">
</td-dynamic-forms>
<button mat-raised-button color="accent" (click)="submit()">Save</button>
<button mat-raised-button color="warn" (click)="close()">Cancel</button>
</mat-card-content>
</mat-card>
Covalent Dynamic Forms在表单元素界面上有一个default
属性。您可以使用它来设置初始值。如果数组没有改变,它不会自动更新表单。
{
"name": "text",
"type": "text",
"required": false,
"default": "Default",
"flex": 50
},
见下文Stackblitz