title: Custom labels for DevExtreme Angular2 Form
body: <p>I am using the latest version of <a href="https://js.devexpress.com/Demos/WidgetsGallery/Demo/Form/Overview/Angular/Light/" rel="nofollow noreferrer">DevExtreme for Angular 2</a> as I'm writing this which is version 16.2.  I have a DevExtreme form which is getting data <code>user</code> from its component. As you can see, there isn't much to it.</p>
  
  <pre><code>&lt;dx-form id="form" [(formData)]="user"&gt;
      &lt;dxi-item dataField="fName"&gt;&lt;/dxi-item&gt;
      &lt;dxi-item dataField="lName"&gt;&lt;/dxi-item&gt;
  &lt;/dx-form&gt;
  </code></pre>
  
  <p>I can't figure out, however, how to change a label from the default which is gathered from the <code>dataField</code>.  I've looked around in the documentation and I can't seem to find the answer.  I feel like I should be able to write:</p>
  
  <pre><code>&lt;dxi-item dataField="lName" customLabel="Last Name"&gt;&lt;/dxi-item&gt;
  </code></pre>
  
  <p>Seems like a feature that should exist and that should be easy to find in documentation.</p>