DevExtreme Angular2 表单的自定义标签

Question

我在撰写本文时使用的是最新版本的 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>

但是，我不知道如何更改从 dataField 收集的默认标签。我查看了文档，但似乎找不到答案。我觉得我应该可以写：

<dxi-item dataField="lName" customLabel="Last Name"></dxi-item>

似乎是一项应该存在的功能，而且应该很容易在文档中找到。

Answer 1

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

<dxi-item dataField="lName" [label]="{text: 'Custom Label'}"></dxi-item>

Custom labels for DevExtreme Angular2 Form