Можем ли мы создать модельные классы (DTO) для угловых реактивных форм?

Question

В API MVC или Rest есть классы моделей (DTO) для передачи данных.Как мы можем создать эти классы моделей и использовать их для реактивных форм в Angular?

Answer 1

Я использовал пакет (@ rxweb / реактивная форма-валидаторы) в своем проекте для проверки реактивной формы на основе модели.

Для вашего понимания я скопировал код из примера stackbliz соответствующей статьи " Новый способ проверки реактивных форм "

Вы можете определить валидацию поверх свойства через декораторы валидации. См. Приведенный ниже код класса пользователя и примененного декоратора проверки @required.

import { required,compare } from "@rxweb/reactive-form-validators";

export class User {

    @required()
    userName: string;

    @required()
    password: string;

    @compare({fieldName:'password'})
    confirmPassword:string;

}

Вот код компонента, для создания группы форм вы должны использовать RxFormBuilder.

export class UserAddComponent implements OnInit {

    userFormGroup: FormGroup
    user:User;
    constructor(
        private formBuilder: RxFormBuilder
    ) { }

    ngOnInit() {
        this.user = new User();
        this.userFormGroup = this.formBuilder.formGroup(this.user);
    }
}

Готово. Привязать HTML в соответствии с вашими потребностями.

Пример StackBlitz