Góc 2 Hình thức phản ứng so với Mẫu biểu mẫu

Question

Chúng tôi đang bắt đầu dự án Angular 2 mới và đang cân nhắc xem có sử dụng Biểu mẫu phản ứng hoặc Biểu mẫu mẫu hay không. Đọc theo nền tại đây: https://angular.io/guide/reactive-forms

Theo như tôi có thể biết, lợi thế lớn nhất của Biểu mẫu phản hồi là chúng đồng bộ, nhưng chúng tôi có các biểu mẫu đơn giản và tôi không nghĩ rằng sự đồng bộ sẽ gây ra vấn đề cho chúng tôi. Dường như có nhiều chi phí hơn với Reactive, trên bề mặt nhiều mã hơn để làm những điều tương tự.

Ai đó có thể cung cấp trường hợp sử dụng vững chắc nơi tôi sẽ sử dụng Phản ứng trên các Biểu mẫu mẫu đơn giản hơn không?

Answer 1

Đây là trang trình bày từ khóa học của tôi trên Biểu mẫu ở dạng số nhiều. Một số trong những điểm này có thể được lập luận, nhưng tôi đã làm việc với người từ nhóm Angular đã phát triển Biểu mẫu để tổng hợp danh sách này.

Answer 2

Ưu điểm của thiết kế định dạng mẫu là tính đơn giản của nó. Sẽ không có nhiều mã trong bộ điều khiển. Hầu hết các logic xảy ra trong mẫu. Điều này phù hợp với các biểu mẫu đơn giản mà không cần nhiều logic đằng sau mã html.

Nhưng mỗi biểu mẫu có trạng thái có thể được cập nhật bởi nhiều tương tác khác nhau và tùy thuộc vào nhà phát triển ứng dụng để quản lý trạng thái đó và ngăn không cho nó bị hỏng. Điều này có thể khó làm cho các hình thức rất lớn và có thể giới thiệu lỗi.

Mặt khác, nếu cần nhiều logic hơn, thường cần phải thử nghiệm. Sau đó, thiết kế mô hình phản ứng điều khiển cung cấp nhiều hơn. Chúng ta có thể kiểm tra đơn vị logic xác nhận biểu mẫu. Chúng ta có thể làm điều đó bằng cách khởi tạo lớp, thiết lập một số giá trị trong các điều khiển biểu mẫu và thực hiện các kiểm tra. Đối với phần mềm phức tạp, điều này là hoàn toàn cần thiết cho thiết kế và bảo trì. Điểm bất lợi của thiết kế mô hình phản ứng là sự phức tạp của nó.

Ngoài ra còn có cách trộn cả hai kiểu thiết kế, nhưng điều đó sẽ có những nhược điểm của cả hai loại.

Bạn có thể tìm thấy điều này giải thích với mã ví dụ đơn giản cho cả hai cách đây: Introduction to Angular Forms - Template Driven vs Model Driven or Reactive Forms