diff --git a/npm/ng-packs/packages/components/dynamic-form/src/dynamic-form-field/dynamic-form-field.component.html b/npm/ng-packs/packages/components/dynamic-form/src/dynamic-form-field/dynamic-form-field.component.html
index b8af60bcd8..c67d82a105 100644
--- a/npm/ng-packs/packages/components/dynamic-form/src/dynamic-form-field/dynamic-form-field.component.html
+++ b/npm/ng-packs/packages/components/dynamic-form/src/dynamic-form-field/dynamic-form-field.component.html
@@ -7,6 +7,7 @@
       <input
         [id]="field().key"
         [placeholder]="field().placeholder || ''"
+        [(value)]="value"
         class="form-control">
 <!--      @if (isFieldInvalid()) {
         <div class="invalid-feedback">
@@ -20,6 +21,7 @@
       <label [for]="field().key">{{ field().label }}</label>
       <select
         [id]="field().key"
+        [(value)]="value"
         class="form-control">
         <option value="">Please select...</option>
         @for (option of field().options; track option.key) {
@@ -41,6 +43,7 @@
       <input
         type="checkbox"
         [id]="field().key"
+        [(value)]="value"
         class="form-check-input">
       <label class="form-check-label" [for]="field().key">
         {{ field().label }}
@@ -58,6 +61,7 @@
       <input
         type="email"
         [id]="field().key"
+        [(value)]="value"
         [placeholder]="field().placeholder || ''"
         class="form-control">
 <!--      @if (isFieldInvalid()) {
@@ -72,6 +76,7 @@
       <label [for]="field().key">{{ field().label }}</label>
       <textarea
         [id]="field().key"
+        [(value)]="value"
         [placeholder]="field().placeholder || ''"
         rows="4"
         class="form-control">
diff --git a/npm/ng-packs/packages/components/dynamic-form/src/dynamic-form-field/dynamic-form-field.component.ts b/npm/ng-packs/packages/components/dynamic-form/src/dynamic-form-field/dynamic-form-field.component.ts
index e1417c95cd..18c312f20c 100644
--- a/npm/ng-packs/packages/components/dynamic-form/src/dynamic-form-field/dynamic-form-field.component.ts
+++ b/npm/ng-packs/packages/components/dynamic-form/src/dynamic-form-field/dynamic-form-field.component.ts
@@ -7,7 +7,7 @@ import {
 } from '@angular/core';
 import { NgTemplateOutlet } from '@angular/common';
 import { FormFieldConfig } from '../dynamic-form.models';
-import { ControlValueAccessor, NG_VALUE_ACCESSOR } from '@angular/forms';
+import { ControlValueAccessor, FormsModule, NG_VALUE_ACCESSOR } from '@angular/forms';
 
 export const ABP_DYNAMIC_FORM_FIELD = new InjectionToken<DynamicFormFieldComponent>('AbpDynamicFormField');
 
@@ -25,6 +25,7 @@ const DYNAMIC_FORM_FIELD_CONTROL_VALUE_ACCESSOR = {
   exportAs: 'abpDynamicFormField',
   changeDetection: ChangeDetectionStrategy.OnPush,
   imports: [
+    FormsModule,
     NgTemplateOutlet
   ]
 })
@@ -33,6 +34,7 @@ export class DynamicFormFieldComponent implements ControlValueAccessor {
   field = input.required<FormFieldConfig>();
   isVisible = input<boolean>(true);
   disabled = false;
+  value: any;
 
   writeValue(value: any[]): void {
     //