DevExtreme Angular2 Form 的自定义标签

Aar*_*zar 2 devextreme angular

在撰写本文时,我正在使用最新版本的DevExtreme for Angular 2,即版本 16.2。我有一个 DevExtreme 表单,它正在user从其组件获取数据。正如您所看到的,没有太多内容。

<dx-form id="form" [(formData)]="user">
    <dxi-item dataField="fName"></dxi-item>
    <dxi-item dataField="lName"></dxi-item>
</dx-form>
Run Code Online (Sandbox Code Playgroud)

但是,我不知道如何更改从dataField. 我查看了文档,似乎找不到答案。我觉得我应该能够写:

<dxi-item dataField="lName" customLabel="Last Name"></dxi-item>
Run Code Online (Sandbox Code Playgroud)

似乎是一个应该存在的功能,并且应该很容易在文档中找到。

Ser*_*gey 5

label.text选项对您的情况很有帮助。代码应该如下所示:

<dxi-item dataField="lName" [label]="{text: 'Custom Label'}"></dxi-item>
Run Code Online (Sandbox Code Playgroud)

  • 谢谢@Sergey!是的,“[label]”可以直接在“&lt;dxi-item&gt;”中使用,这是我特别要求的,但事实证明,也可以使用“&lt;dxo-label text="Custom Label"&gt;&lt; /dxo-标签&gt;`。 (3认同)