当前位置: 首页 > 知识库问答 >
问题:

什么是角2 RC5方式编写模板为基础的表单?

马宜民
2023-03-14

我必须说我完全被网上关于RC5角形的不同教程弄糊涂了。官方文件也没有澄清混乱。

大量的指令(ngForm,ngModel,ngFormControl,ngControl,ngFormControlName,ngControlName,我遗漏了什么吗?)有些不赞成,有些不赞成。

此外,所有教程都采用简单的路径--纯文本输入或选择控件。如果我需要单选按钮和复选框呢?

简而言之,我不知道如何在RC5中编写表单。

是否有一个最新的例子解释:

  1. 四个基本控件的用法-输入文本/收音机/复选框并选择?
  2. 额外的好处,比如肮脏/原始、验证?
  3. 表单模型(FormBuilder、FormGroup、FormControl等)

附言。

我读到的?

    null

共有1个答案

袁高明
2023-03-14

关于angular2形式,我发现有两种完全不同的构建方法,这两种方法不能很好地混合在一起。您有“模板驱动”,即尽可能在html中构建和处理表单,然后有“模型驱动”,即在组件端处理表单。

对我发现的不同类型的最好描述是这段视频,卡拉·埃里克森对这两种类型都做了演示。她很好地解释了10-11分钟的差异:

简言之:

模板驱动窗体

如果您想在模板html中完成所有表单处理(绑定、验证等),请使用以下指令:

  • ngmodel
  • NgModelGroup
  • ngform

如果您希望有更好的控制、更好的可测试性、自定义验证器等,请使用以下控件在组件中手动生成表单:

  • formgroup
  • FormControl
  • FormArray
  • 可选地使用formbuilder减少一些样板文件

然后使用以下指令将html表单输入元素绑定到这些控件:

  • FormControlName
  • FormGroupName

编辑2016-09-02:官方文档中现在有一本很好的食谱,很好地涵盖了模板/反应形式之间的差异:https://angular.io/docs/ts/latest/cookbook/form-validation.html

 类似资料:
  • 我们了解cmf 之前的模板使用方式,都是由开发者通过编码来改变模板的内容,比如用户想改一个网站 logo,或者某个文字这些都要麻烦开发者! 这样事情就变的很复杂,如果你做好了一个项目客户就只想改个文字,还要打电话给你,这效率太低了,你也不好意思收钱! 运营与码农的故事 想想有没有这样一个场景 你给公司做官网,你花了一个月时间做好了,交给了运营人员,老板又安排你做其它事了. 此时官网已经上线,你也投

  • 我们了解cmf 之前的模板使用方式,都是由开发者通过编码来改变模板的内容,比如用户想改一个网站 logo,或者某个文字这些都要麻烦开发者! 这样事情就变的很复杂,如果你做好了一个项目客户就只想改个文字,还要打电话给你,这效率太低了,你也不好意思收钱! 运营与码农的故事 想想有没有这样一个场景 你给公司做官网,你花了一个月时间做好了,交给了运营人员,老板又安排你做其它事了. 此时官网已经上线,你也投

  • 英文原文:http://emberjs.com/guides/templates/handlebars-basics/ Ember.js 使用 Handlebars模板库 来增强你的应用程序的用户界面。Handlebars模板与普通的HTML类似,但是它还提供了嵌入表达式来改变显示内容的功能。 我们采用了Handlebars,并且还使用许多强大的功能对其进行了扩展。为了有助于理解,你可以认为Han

  • 我在读设计模式,特别是模板方法,这时我的注意力被这个问题吸引住了。 在阅读了解释和具体代码之后,我仍然想知道为什么这是一个“模板方法”设计模式的示例。 根据GoF,这种模式的目的是: "在操作中定义算法的框架,将一些步骤推迟到子类。模板方法允许子类在不改变算法结构的情况下重新定义算法的某些步骤。" 有两名参与者: AbstractClass:定义抽象基元操作,具体子类定义抽象基元操作以实现算法步骤

  • 我是Java新手。我只做了大约一年的编程。Spring使用模板是什么意思?在Spring,有jdbc模板、jms模板等。。java中的模板类是什么?它们是一种特殊的设计模式还是什么? 提前谢谢你。

  • 英文原文: http://emberjs.com/guides/templates/writing-helpers/ 有时,你想在程序里多次使用同一段 HTML 代码。这种情况下,你就可以自定义一个任何 Handlebars 模板都能调用的助手方法。 比如,你频繁地用一个拥有 class(译注:这个class为css中的class,非JavaScript中的类) 的 <span>来包裹特定的值。你