问题标签 [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.
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
angular - angular2中的表格
对如何在 angular2 beta 中使用表单(模板或模态驱动)有点困惑。
目前我正在使用模态驱动的表单,但我的 form.html 出现了一些错误:
和 form.ts 文件在这里:
所以,我的问题是:
- 哪种形式是最好的模板或模式驱动,为什么?
- 何时使用 ngControl 何时使用 ngModal ?
PS:-在这个例子中我无法获得单选按钮和复选框的值我做错了什么,在这个例子中我是模态驱动形式从这里开始?
欢迎任何好的参考或示例。谢谢。
angular - 嵌套表单验证状态未滚动(angular2)
我有一个属性组件和一个地址组件。每个属性都有一个实际地址和帐单地址。在属性模板中创建我拥有的新属性
属性中的保存按钮有一个 form.valid 检查以验证是否输入了所有必填字段。在上述情况下,一旦输入了所有必需的属性字段,就会启用保存按钮,它会忽略地址组件。我们如何使用地址组件验证整个表单?
使用版本:angular2.0 (beta0)
我们希望只有在填写完所有必填字段后才启用提交按钮。这是 plunker 链接:http ://plnkr.co/edit/scq69cH3mjXrjFZn7pPp?p=preview
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() 等。
有谁知道这是否是表单输入的预期行为?
angular - 角2形式局部
我的表格如下:
但是当我console.log
testForm
进去时没有test
钥匙(并且testForm.value
未定义)
angular - FORM_DIRECTIVES
在这里我们可以读到我们需要FORM_DIRECTIVES
使用,ngForm
或者ngSubmit
但对我来说,没有FORM_DIRECTIVES
包含它的工作方式相同。
有人能告诉我为什么吗?
angular - 如何防止在初始化 angular2-dart 和 angular2-forms 时出现验证
自 angular2-dart 测试版以来,我一直在认真学习。我有一个包含以下代码的表单:
html
。镖
组件运行时,名称输入已经显示无效状态。避免这种情况的最佳做法是什么。我宁愿最初不显示验证,而是在获得焦点之后显示。
干杯,泰迪
validation - 如何在 Angular 2 中添加表单验证模式?
我有一个简单的表单,需要验证输入的开头和结尾是否不是空格。
在 HTML5 中,我会这样做:
新的 Angular 2 ngControl 指令中验证模式的正确属性是什么?官方 Beta API 仍然缺乏关于这个问题的文档。
angular - 如何使用 angular2_material -dart 和 angular2-dart
但是,尽管它是 beta 版,但没有关于如何使用它们的文档。
有人可以说如何使用 Dart 和 angular2-dart 看到简单的输入和按钮吗?
此外,没有 angular2_material 的标签。