Пользовательские метки для формы DevExtreme Angular2

Я использую последнюю версию DevExtreme для 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>

Похоже, функция, которая должна существовать, и ее должно быть легко найти в документации.


angular devextreme
person Aaron Salazar    schedule 28.02.2017    source источник

Ответы (1)


arrow_upward
4
arrow_downward

Параметр label.text помогает в вашем случае. Код должен быть таким, как показано ниже:

<dxi-item dataField="lName" [label]="{text: 'Custom Label'}"></dxi-item>
person Sergey    schedule 01.03.2017
comment
Спасибо @Сергей! Да, [label] можно использовать прямо в <dxi-item>, о чем я специально просил, но, оказывается, можно использовать и <dxo-label text="Custom Label"></dxo-label>. - person Aaron Salazar; 01.03.2017