问题标签 [angular2-forms]

For questions regarding programming in ECMAScript (JavaScript/JS) and its various dialects/implementations (excluding ActionScript). Note JavaScript is NOT the same as Java! Please include all relevant tags on your question; e.g., [node.js], [jquery], [json], [reactjs], [angular], [ember.js], [vue.js], [typescript], [svelte], etc.

0 投票
1 回答
1379 浏览

angular - Angular 2 assigning form to variable not working #f="form" (submit)="onSubmit(f.value)"

I'm just going through the meteor angular 2 tutorial. In step 4 the angular 2 form binding with hash f equals form is used to bind the form to the variable f and secondly binding the onSubmit function. Neither is working for me. Has the Angular 2 API changed?

Not working HTML:

Original HTML code for parties-form.html from the sample:

And the JS Component parties-form.ts:

I copied the meteor angular 2 sample, see exact code there. Other samples like ng-book use it too as onSubmit function

0 投票
5 回答
12579 浏览

angular - angular2中的表格

对如何在 angular2 beta 中使用表单(模板或模态驱动)有点困惑。

目前我正在使用模态驱动的表单,但我的 form.html 出现了一些错误:

和 form.ts 文件在这里:

所以,我的问题是:

  1. 哪种形式是最好的模板或模式驱动,为什么?
  2. 何时使用 ngControl 何时使用 ngModal ?

PS:-在这个例子中我无法获得单选按钮和复选框的值我做错了什么,在这个例子中我是模态驱动形式从这里开始

欢迎任何好的参考或示例。谢谢。

0 投票
1 回答
1233 浏览

angular - 嵌套表单验证状态未滚动(angular2)

我有一个属性组件和一个地址组件。每个属性都有一个实际地址和帐单地址。在属性模板中创建我拥有的新属性

属性中的保存按钮有一个 form.valid 检查以验证是否输入了所有必填字段。在上述情况下,一旦输入了所有必需的属性字段,就会启用保存按钮,它会忽略地址组件。我们如何使用地址组件验证整个表单?

使用版本:angular2.0 (beta0)

我们希望只有在填写完所有必填字段后才启用提交按钮。这是 plunker 链接:http ://plnkr.co/edit/scq69cH3mjXrjFZn7pPp?p=preview

0 投票
2 回答
1454 浏览

angular - 在 Angular 2.0.0-beta.0 中,表单输入的 Observable 中缺少 map() 和 filter()

在 Angular 2.0.0-alpha.47 中Observable,调用返回 formInput.valueChanges()的函数具有所有高阶函数,即我可以做这样的事情;

我现在正在使用 2.0.0-beta.0 并且Observable返回的this.search.valueChanges()不再具有所有方法。我只能订阅。我不能再调用 map()、filter() 等。

有谁知道这是否是表单输入的预期行为?

0 投票
2 回答
126 浏览

angular - 角2形式局部

我的表格如下:

但是当我console.log testForm进去时没有test钥匙(并且testForm.value未定义)

0 投票
1 回答
525 浏览

angular - FORM_DIRECTIVES

在这里我们可以读到我们需要FORM_DIRECTIVES使用,ngForm或者ngSubmit但对我来说,没有FORM_DIRECTIVES包含它的工作方式相同。

有人能告诉我为什么吗?

0 投票
2 回答
2279 浏览

angular - 如何防止在初始化 angular2-dart 和 angular2-forms 时出现验证

自 angular2-dart 测试版以来,我一直在认真学习。我有一个包含以下代码的表单:

html

。镖

组件运行时,名称输入已经显示无效状态。避免这种情况的最佳做法是什么。我宁愿最初不显示验证,而是在获得焦点之后显示。

干杯,泰迪

0 投票
6 回答
126735 浏览

validation - 如何在 Angular 2 中添加表单验证模式?

我有一个简单的表单,需要验证输入的开头和结尾是否不是空格。

在 HTML5 中,我会这样做:

新的 Angular 2 ngControl 指令中验证模式的正确属性是什么?官方 Beta API 仍然缺乏关于这个问题的文档。

0 投票
1 回答
14931 浏览

angular - 如何使用 *ngFor 和地图列表生成复选框

我有以下地图

。镖

我在 html 中的错误尝试如下所示

.html

我的问题如下:

  1. 每个复选框的标签应该是 "symptom['name'] - 我如何将它集成到 *ngFor?
  2. 如何确定选择了特定复选框?

编辑 1

我现在看到使用以下内容的复选框和标签:

但是,标签似乎在一行上,而复选框在另一行上。我正在使用 bootstrap.min.css 并想知道这是否是主要原因。复选框也比预期的大,如下所示:

在此处输入图像描述

干杯,谢谢泰迪

0 投票
1 回答
366 浏览

angular - 如何使用 angular2_material -dart 和 angular2-dart

我在https://github.com/angular/angular/tree/master/modules/angular2_material/src/components的 beta-release 中找到了九 (9) 个 angular2_material 设计实现

但是,尽管它是 beta 版,但没有关于如何使用它们的文档。

有人可以说如何使用 Dart 和 angular2-dart 看到简单的输入和按钮吗?

此外,没有 angular2_material 的标签。