9.0.4 • Published 4 years ago
ng-dyna-form v9.0.4
Angular Dynamic Form
with class-validator we can using decorators validation like this:
export class User {
@IsString() @IsEmail() email: string;
@IsString() @Length(4, 10) password: string;
@IsOptional() @IsString() msg?: string;
}
This module help you to prevent rewrite the validation in angular forms.
Get Started
instalation
npm i ng-dyna-form
import to NgModule
@NgModule({
imports: [
//...
DynaFormModule,
//...
],
})
build form
constructor(private dynaFB: DynaFormBuilder) {
this.dynaFB.buildFormFromClass(User)
.then(form => (this.form = form));
}
}
You can create your custom template, or using my form template:
formModel: FormModel<User> = {
fields: [
{ placeHolder: 'אמייל', key: 'email', appearance: 'outline' },
{ placeHolder: 'סיסמה', key: 'password', type: 'password' },
{ placeHolder: 'כתוב כאן מה אתה רוצה', key: 'msg', isTextera: true },
],
modelConstructor: User,
model: undefined, // or initial user
errorTranslations: {
'must be an email': 'נא הכנס מייל תקין',
'must be a string': 'שדה חובה',
},
formTitle: 'עריכה',
};
this.dialog.open(FormComponent, {
width: '80%',
maxWidth: '540px',
data: this.formModel,
direction: 'rtl',
});
// or
// <p-form [formModel]="formModel" (submit)="onFormSubmit($event)"></p-form>
9.0.4
4 years ago
9.0.3
4 years ago
9.0.2
4 years ago
9.0.1
5 years ago
9.0.0
5 years ago
1.1.4
5 years ago
1.1.3
5 years ago
1.1.2
5 years ago
1.1.1
5 years ago
1.1.0
5 years ago
1.0.9
5 years ago
1.0.8
5 years ago
1.0.7
5 years ago
1.0.6
5 years ago
1.0.5
5 years ago
1.0.3
5 years ago
1.0.2
5 years ago
1.0.1
5 years ago
1.0.0
5 years ago
0.0.7
5 years ago
0.0.6
5 years ago
0.0.5
5 years ago
0.0.4
5 years ago
0.0.3
5 years ago
0.0.2
5 years ago
0.0.1
5 years ago