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 ab786eaf94..0dc1ee36b5 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 @@ -92,7 +92,7 @@ @for (error of errors; track error) { - {{ error }} + {{ error | abpLocalization }} } 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 4aaa465c39..d7f0e2ecec 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 @@ -21,6 +21,7 @@ import { } from '@angular/forms'; import { takeUntilDestroyed } from '@angular/core/rxjs-interop'; import { NgTemplateOutlet } from '@angular/common'; +import { LocalizationPipe } from '@abp/ng.core'; export const ABP_DYNAMIC_FORM_FIELD = new InjectionToken('AbpDynamicFormField'); @@ -41,7 +42,7 @@ const DYNAMIC_FORM_FIELD_CONTROL_VALUE_ACCESSOR = { host: { class: 'abp-dynamic-form-field' }, exportAs: 'abpDynamicFormField', changeDetection: ChangeDetectionStrategy.OnPush, - imports: [FormsModule, NgTemplateOutlet], + imports: [FormsModule, NgTemplateOutlet, LocalizationPipe], }) export class DynamicFormFieldComponent implements OnInit, ControlValueAccessor { field = input.required(); diff --git a/npm/ng-packs/packages/components/dynamic-form/src/dynamic-form.component.html b/npm/ng-packs/packages/components/dynamic-form/src/dynamic-form.component.html index d9e86e3502..c71afcf646 100644 --- a/npm/ng-packs/packages/components/dynamic-form/src/dynamic-form.component.html +++ b/npm/ng-packs/packages/components/dynamic-form/src/dynamic-form.component.html @@ -1,3 +1,4 @@ + @for (field of sortedFields; track field.key) { @@ -34,3 +35,4 @@ + diff --git a/npm/ng-packs/packages/components/dynamic-form/src/dynamic-form.component.scss b/npm/ng-packs/packages/components/dynamic-form/src/dynamic-form.component.scss index f82cbec465..038d8eed94 100644 --- a/npm/ng-packs/packages/components/dynamic-form/src/dynamic-form.component.scss +++ b/npm/ng-packs/packages/components/dynamic-form/src/dynamic-form.component.scss @@ -4,6 +4,9 @@ flex-direction: column; gap: 0.5rem; } + .form-wrapper { + text-align: left; + } } .form-actions { display: flex;