问题标签 [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 投票
2 回答
855 浏览

javascript - Angular2中表单控件的非字符串值

在 Angular2 中,是否有一种干净的方法可以将表单控件的值作为字符串以外的其他内容来处理,例如有一个<select>with options(bool) true(bool) false?

目前我正在使用感觉不太优雅的解决方案:

<select>在示例中使用了 s,但我也对其他表单控件感兴趣。

这个问题被建议为重复,但我不认为这是一个,因为我不是

  1. 只对精选感兴趣
  2. 尝试动态生成选项
0 投票
2 回答
10077 浏览

angular - 自定义 angular2 表单输入组件,在组件内具有两种方式绑定和验证

有没有办法制作双向绑定输入组件,也可以在组件内部进行验证?

我想要实现的是拥有一个可以在我的表单中排列的组件,如下所示:

我有以下设置,但不知道如何正确设置:

组件:

应用程序:

我还做了一个 Plunker 来说明我的问题:http ://plnkr.co/edit/0vXjHbQmv7v7EKQcLWaa?p=preview

0 投票
1 回答
1008 浏览

angular - Angular2 必填字段的视觉提示

我有以下标记

.html

angular2(和 angular2-dart)是否有任何内置的视觉提示来向用户指示需要一个字段?

谢谢

0 投票
1 回答
13176 浏览

dart - 如何在组件类中获取 ngForm 变量引用?

鉴于以下...

.html

..

..是否可以#name = "ngForm"在 .dart 组件中获取 (ngForm) 引用以允许操作?欢迎任何建议和指正。

0 投票
0 回答
528 浏览

angular - 在角度 2 中使用没有表单容器的 NgControl

我有包装输入的组件。如果没有父表单,我可以使用 NgControl 吗?

0 投票
1 回答
740 浏览

dart - 在 angular2 中访问数据集映射

我有以下内容:

.html 模板

.dart 组件

但是,ngAfterViewInit 中的代码不起作用。如何检索 angular2 中的数据主题属性?

0 投票
1 回答
3670 浏览

angular - 如何以角度 2 发布带有有效负载的表单?

我正在玩 angular 2,尝试创建一个上传文件的示例应用程序。有以下视图和组件,当我单击提交时,我看不到任何请求来自浏览器。

如果我添加 (ngSubmit)="onSubmit()" 到表单,我可以看到 onSubmit 被调用,但我没有看到任何东西传递给它。

问题:获得正确绑定以便我可以拥有有效的文件上传表单的正确方法是什么?

模板:


零件:

0 投票
3 回答
6275 浏览

typescript - 检查输入控件是否在 angular2 中具有某种类型的验证器

我有包装输入字段的组件。在组件中,我Control@Input() inputControl: Control;. 在模板中,如果不需要组件中的输入字段,我有显示消息的跨度。

和输入

inputControl如果包含表单对象,我如何读取它Validators.required?我想知道我是否可以像这样使用它

0 投票
1 回答
1599 浏览

dart - 如何使用 Dart 在 angular2 中绑定 ngFormModel?

以下以表格形式工作(表格显示)

.html

尝试遵循Angular 2.0 中的表单和验证中的示例,

我无法通过将表单的第一行更改为来显示 UI

通过更改,浏览器根本不会显示任何内容,就好像它无法解析标记一样 - 错误实际上是在 pub-serve 或调试模式下显示的。

为什么这不起作用?

0 投票
3 回答
1657 浏览

html - Angular 2 中的模板驱动表单

查看 Angular 2(beta.0)中模板驱动与模型驱动表单的优缺点,我想知道如何使用模板驱动表单将自定义验证附加到简单的文本输入字段。这种方法没有可用的示例(除了必需的),或者我没有找到它们。

作为示例验证功能:

上述验证功能在使用 FormBuilder 的模型驱动表单中工作。使用模板驱动方法如何做到这一点?

像“这不可能,将来也不会”这样的答案。或“这不是最佳实践,采用模型驱动方法。” 再加上争论对我来说就更好了。(我已经假设没有办法,但在网络上找不到证据,我更喜欢模型驱动的方法。)