在角2中模板驱动窗体和反应窗体之间有什么区别?在哪些情况下,我们需要使用模板驱动的表单和反应形式模板驱动窗体和反应窗体之间的区别是什么2
回答
使用模板驱动方法,您基本上在模板中应用指令,如ngModel。基于这些指令Angular将创建formcontrol对象。这种方法适用于构建具有基本验证的简单表单(必需,最小长度,最大长度...)。
使用被动方法,您基本上需要在组件中创建formcontrols和formcontrolgroups的新实例。反应形式也是构建更复杂形式的最佳选择,如果您有意为您的表单执行单元测试,则反应形式更好。
结帐以下主题...
http://blog.angular-university.io/introduction-to-angular-2-forms-template-driven-vs-model-driven/
由于它是从问题模板驱动形式来明确的东西,当我们编写逻辑,验证,控制了一切模板部分我的意思是在html代码中。该模板负责设置表单,验证等。
而在的情况下反应形式控制器端的所有逻辑验证部分我的意思是打字稿文件/类。 对于被动方法,您正在使用组件中的所有代码。一种远更少噪声的方法
模板驱动形式特点
- 更易于使用
- 适合简单的场景
- 使用两个双向数据绑定(使用[(NgModel)]的语法)
- 最少的分量代码
- 表单及其数据的自动跟踪(由Angular处理)
- 单元测试是挑战
活性形式特点
- 方便单元测试
- 更灵活,所以处理任何复杂的情况。
- 活性变换可以由可能的,例如将元素添加动态
- 没有数据绑定完成(通过大多数开发优选不可变的数据模型)
- 更多分量代码和更少的HTML标记
你能澄清更多关于“不可变数据模型”吗?也许有一个例子或链接? –
@AbeerSul请通过以下链接了解更多关于Immutable数据: https://blog.thoughtram.io/angular/2016/02/22/angular-2-change-detection-explained.html –
- 1. 窗体之间有什么区别:选择和窗体:选项
- 2. Angular 2中的模板驱动窗体
- 3. winforms,web窗体和windows窗体之间的区别
- 4. Spring MVC:弹簧之间的区别:绑定和窗体:窗体
- 5. Spring Framework .... wat是窗体之间的区别:错误路径和窗体:lable path ...?
- 6. 带组件的模板驱动窗体
- 7. Infragistics窗体窗体控件13.1版本之间的区别Infragistics窗体窗体控件10.3版本
- 8. ngFor输入的Angular 2模板驱动窗体
- 9. JavaFX-2:场景和窗格之间有什么区别
- 10. asp.net mvc 4中的窗体和窗体身份验证有什么区别?
- 11. Angular 2模板驱动窗体与自定义输入
- 12. Angular 2模板驱动窗体组验证
- 13. 子窗口和后代窗口之间有什么区别?
- 14. 弹出窗口和弹出窗口之间有什么区别?
- 15. 窗体和div元素之间的默认CSS设计区别
- 16. 窗体帖子和$ http.post()之间的区别()
- 17. “windows应用程序”和“windows窗体应用程序”之间的区别是什么
- 18. JavaScript和Windows窗体之间的互动
- 19. 字体之间有什么区别是embedd字体和nonembedd字体?
- 20. Nix:nixpkgs和nixpkgs.pkgs之间的具体区别是什么?
- 21. 包装,桥梁和介体之间的区别是什么?
- 22. DDD:实体和值对象之间的区别是什么?
- 23. 什么是产量和包含的模板之间的区别
- 24. 命令窗口和立即窗口之间的实际区别是什么?
- 25. 实体,实体集和属性之间有什么区别?
- 26. OpenGL(ES) - 截锥体和正方体之间有什么区别?
- 27. 反应流和反应流之间有什么区别?
- 28. .cpt模板和.pt模板之间有什么区别?
- 29. 窗体和子窗体之间的MS Access数据验证
- 30. ms访问主窗体和子窗体之间的链接
HTTPS:/ /angular.io/guide/forms – sainu