forms - 학원 - 파이썬 웹 애플리케이션




각도 2 대응 양식과 템플릿 양식 (2)

우리는 새로운 Angular 2 프로젝트를 시작하고 Reactive Forms 또는 Template Forms 중 어떤 것을 사용할 것인지 고려 중입니다. 배경 읽기 : https://angular.io/guide/reactive-forms

내가 알 수있는 한, Reactive Forms의 가장 큰 장점은 동기식이라는 것입니다. 그러나 우리는 단순한 형식을 가지고 있으며 비동기 성이 문제를 일으킬 것이라고 생각하지 않습니다. Reactive는 오버 헤드가 훨씬 많아서 같은 일을하는 코드가 더 많습니다.

누군가 단순한 템플릿 양식보다 Reactive를 사용할 솔리드 사용 사례를 제공 할 수 있습니까?


템플릿 기반 디자인의 장점은 단순성입니다. 컨트롤러에는 많은 코드가 없을 것입니다. 대부분의 로직은 템플릿에서 발생합니다. 이것은 html 코드 뒤에 많은 로직을 필요로하지 않는 간단한 양식에 적합합니다.

그러나 각 양식은 많은 상호 작용에 의해 업데이트 될 수있는 상태를 가지고 있으며 해당 상태를 관리하고 손상을 방지하는 것은 응용 프로그램 개발자의 몫입니다. 이것은 매우 큰 폼에 대해 수행하기가 어려우며 버그를 유발할 수 있습니다.

반면에, 더 많은 논리가 필요하다면, 종종 테스트의 필요성도 있습니다. 그런 다음 반응 모델 기반 디자인은 더 많은 것을 제공합니다. 폼 유효성 검사 로직을 단위 테스트 할 수 있습니다. 우리는 클래스를 인스턴스화하고 양식 컨트롤에 몇 가지 값을 설정하고 테스트를 수행하여이를 수행 할 수 있습니다. 복잡한 소프트웨어의 경우 이는 설계 및 유지 관리에 절대적으로 필요합니다. 반응 모델 기반 설계의 단점은 복잡합니다.

두 가지 디자인 유형을 혼합하는 방법도 있지만 두 가지 유형의 단점이 있습니다.

이 두 가지 방법에 대한 간단한 예제 코드로 설명되어 있습니다. 각도 양식 소개 - 템플릿 기반 또는 모델 기반 또는 반응 형 양식


이것은 Pluralsight의 Forms에 관한 내 과정의 슬라이드입니다. 이 중 일부는 논쟁의 여지가 있지만이 양식을 작성한 Angular 팀의 담당자와 협력하여이 목록을 작성했습니다.







angular2-forms