Angular Form - Form Properties

To change the Form configuration at runtime, bind the property that should be changed to a component property:

HTML
TypeScript
  • <dx-form
  • [(formData)]="employee"
  • [disabled]="disableForm.value">
  • </dx-form>
  • <dx-check-box #disableForm
  • text="Disable the Form"
  • [value]="false">
  • </dx-check-box>
  • import { DxFormModule, DxCheckBoxModule } from "devextreme-angular";
  • // ...
  • export class AppComponent {
  • employee = {
  • firstName: "John",
  • lastName: "Heart",
  • phone: "+1(213) 555-9392",
  • email: "jheart@dx-email.com"
  • }
  • }
  • @NgModule({
  • imports: [
  • // ...
  • DxFormModule,
  • DxCheckBoxModule
  • ],
  • // ...
  • })
See Also