问题标签 [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 回答
2306 浏览

angular - Angular 2 Forms - 在子组件级别分配 ngControl

在 Angular 2 表单中,尝试通过 ngSubmit 获取数据。我可以毫无问题地在我的表单组件中分配 ngModel 和 ngControl 属性,但是在子组件 MyInput 中,我无法在没有“无提供程序错误”的情况下分配 ngControl。Plunker 在这里http://plnkr.co/edit/LauhEz6vMaEmIg0hceoj?p=preview

子组件模板:

如果我添加这个错误

我需要从表单传递给子组件吗?

0 投票
0 回答
954 浏览

angular - Angular 2 beta 中的 (ngSubmit) 问题

我正在 Angular 2 beta 中提交表单,我可以让 2 路数据绑定与模型正常工作,但是当我按下回车键时,当我有 3 个字段时,我无法提交它。这是模板文件:

所以当我只有第一个输入时,我可以输入一些东西并按回车,它会很好地提交。麻烦在于添加额外的字段。但是,如果我在所有 3 个框中输入文本,我会看到 {{}} 数据绑定很好。这是打字稿文件,重要的地方是我导出类的地方,我首先将字段设置为空字符串,然后当有人按下回车时它应该调用 submit() 函数。当我有 3 个字段时,我看不到 console.log 输出,但我确实看到了 1。

对于它的价值,这是 createCourse 函数:

0 投票
2 回答
6883 浏览

angular - Angular2 没有渲染器的提供者!(NgModel -> Token NgValueAccessor -> DefaultValueAccessor -> Renderer)

我在shlomiassaf/angular2-modal中自定义了 customModal.ts 的模态。具体来说,我添加了一个包含 ngModel 的输入,它导入了 FORM_DIRECTIVES 和指令。

运行“没有渲染器提供程序!(NgModel -> Token NgValueAccessor -> DefaultValueAccessor -> Renderer)'

请帮我解决这个问题。谢谢。

0 投票
19 回答
95957 浏览

angular - How to reset form validation on submission of the form in ANGULAR 2

I have to reset my form along with validation. is there any method to reset the state of form from ng-dirty to ng-pristine.

0 投票
1 回答
311 浏览

angular - 角度 2 中更新表单的最佳实践

我正在 angular2 中创建我的第一个应用程序,并且在使用 formBuilder 处理我的第一个实体更新表单时面临两难境地。我制作了一个工作表格,但仍然不确定它是否符合最佳实践。

我的对象来自 mongoDb 集合。具有两个简单文本属性的对象费用。

这就是我在控制器中所做的。

这是正确的行为吗?

0 投票
1 回答
932 浏览

angular - 当我尝试添加指令时,使用 Angular2 出现意外的令牌 < 错误

我在 angular.io 上进行了 5 分钟的游览;

这是我的 app.ts

这是我的banner.ts,

我的文件结构如下所示:

在我的 index.html 文件中

我在控制台中看到一个错误:

Uncaught SyntaxError: Unexpected token < Evaluating http://localhost:3000/components/banner/banner Error loading http://localhost:3000/app/bootstrap.ts

我不明白,我按照 angular.io 上的说明并尝试做他们所做的,但我得到一个错误。

我现在所知道的是,当我尝试使用指令时,它会给我一个错误,无论是预先构建的指令,还是我自己构建的指令。

我也尝试添加import {Directive} from 'angular2/angular2';

我真的对此一无所知,请在否决之前给我一些建议。

0 投票
2 回答
2268 浏览

angular - angular2 html的布局

Polymer 有一个基于类的布局系统,如下所示

.html

使用 angular2-dart 开发时布局存在什么机制?谢谢

0 投票
15 回答
272617 浏览

angular - 在Angular 2中提交后如何清除表单?

我有一些带有模板的简单 angular 2 组件。提交后如何清除表单和所有字段?我无法重新加载页面。设置数据后,date.setValue('')字段为 stil touched

加载-form.component.html

0 投票
1 回答
678 浏览

data-binding - Angular2 表格绑定

所以我在这里询问绑定表格的概念。通常它非常简单,只需对所有行/列使用 ngFor。

但是我想做的是,对于每个单元格,它应该绑定到两个属性的对象:

  1. 单元格内容
  2. 列的标题,在该列中的所有单元格之间共享。

在我的表格中,我应该能够根据需要添加一行或一列。这很简单,但所有共享 column_header 的单元格是棘手的部分。

现在这个表代表一个表单,所以我可以在用户点击提交后进行处理并解决问题。

我只是在寻找其他更聪明的想法。提前致谢。

编辑| 澄清示例 给定这篇文章中的对象: AngularJS - Building a dynamic table based on a json

目的

我想成为那样的人

标头属性在两者之间共享的位置

0 投票
9 回答
84161 浏览

jquery - 如何在 Angular 2 中使用日期选择器?

我在我的 angular2 应用程序中尝试了许多日期选择器,但它们都没有工作。虽然日期选择器显示在视图上,但所选日期的值没有进入 ngModel 变量。