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
Feel free to share topic-related thoughts here.
If you have technical questions, please create a support ticket in the DevExpress Support Center.
Thank you for the feedback!
If you have technical questions, please create a support ticket in the DevExpress Support Center.