问题标签 [angular2-ngmodel]

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 投票
0 回答
1066 浏览

angular - 如何在Angular 2上绑定对象数组

我正在尝试将一个对象数组与 ([ngModel]) 绑定,谁能给我一个例子来做到这一点?

我有一个参数数组,我想将它绑定到我的表单这里是结构:

所以我要做的是编辑数组上存在的不同对象的值,我不知道该怎么做,这是单个对象的模板:但是在数组?

0 投票
1 回答
80 浏览

typescript - Angular 2双向数据出价

我正在尝试Action使用两个子组件(InfosLocalisation)创建一个父组件(名为),并将子组件的输入与父模型绑定。

这是模型

父组件

本地化组件

信息组件

当我尝试进行新操作时,位置已保存,但新操作不包含标题。当我将整个操作传递给Infos组件(不仅是标题)时,它会起作用。但它没有字符串类型。

0 投票
5 回答
42674 浏览

angular - 如何在 Angular 2 的选择控件中显示占位符(空选项)?

我的模板中有这段代码:

在我的组件中:

这工作正常,但一开始我有一个空盒子。我想在那里显示一个占位符消息。我怎样才能使用 ngModel 做到这一点?

0 投票
0 回答
317 浏览

validation - 如何引用表单的字段以在 angular2 中使用 NgForm、NgModel 类添加验证器?

我想通过Angular2中的验证器向表单的字段添加一些验证

  • 我将ngForm绑定到这样的表单:

#form="ngForm"

  • 对于我绑定ngModel的字段:

#field="ngModel", [(ngModel)]="model.field" type="text" name="field" placeholder="field"

新的表单 api建议使用 ngForm 和 ngModel,但是 angular.io 文档中没有关于如何使用Validators的文档。

对 NgModel 的 api 引用中,有像 validator : ValidatorFnasyncValidator : AsyncValidatorFn

但我不知道如何引用组件类中的字段来添加验证器

0 投票
1 回答
665 浏览

angular - Angular2 输入文本值未显示,尽管其模型包含该值

我的 Angular2 应用程序遇到了烦人的情况,我有一个有几行的表,每行包含使用 [(ngModel)] 进行 2 路绑定的列。我有 2 个添加和删除按钮,它们推送/拼接用于表的值列表。

将新项目推送到列表或从列表中拼接(删除)项目时 - 表格已得到很好的更新。

唯一的错误是当我从列表中删除一行(项目)然后添加一个新项目时,表格中的一行然后以某种方式显示为空值,当我在 Chrome 的开发人员工具中检查 html 源时,我看到模型该行的值包含正确的值,因此它只是显示的问题。怎么可能?

0 投票
1 回答
189 浏览

angular - 除了验证之外,ng2 表单还有什么用处?

我们决定仅在 Angular2 应用程序的后端进行验证。在这种情况下,似乎 ng2 的 Forms、formBuilder、ngControls 等带有额外的代码是不必要的,并且添加了很多代码。除了验证之外,它们还有什么用处?

(PS 请不要以这是一个坏主意的理由做出回应。我们知道我们应用程序的上下文,并且知道仅服务器端验证的优缺点。我想知道,我们会不会后悔不使用 ng2 的表单在这种情况下?它们还有其他有用或关键的功能吗?)

0 投票
2 回答
585 浏览

angularjs - angular2 rc5 使用功能模块中的组件不起作用

我有一个应用程序模块和一个功能模块。在功能模块中声明了一个名为“AudioPlayerComponent”的组件。我想在应用程序模块中使用它,但它没有显示。没有错误。

我错过了什么吗?

应用模块:

功能模块:

功能模块中使用音频播放器(节目)的组件

尝试使用音频播放器的应用程序组件(不显示):

0 投票
1 回答
10711 浏览

html - Angular 2 Forms:将html选择绑定到对象集合

我想在 Angular 2 应用程序(RC 5,forms 0.3.0)中显示可选对象的集合

列表本身已正确显示。

但是为“selectedItem”显示的只是[object Object]。在代码中访问项目时,我得到相应的字符串“[object Object]”。我尝试切换到 ngValue 但这会产生相同的结果。

当我使用原始值而不是对象时,整个事情都有效。但我怀疑我在这里遗漏了一些关键点。

谢谢你的帮助。我在互联网搜索和反复试验上浪费了几个小时。也许有人遇到过同样的问题。

编辑(24-08-16):我遇到了本教程,它解释了如何创建常见的表单小部件。也许它对登陆此页面的人有用:https ://scotch.io/tutorials/how-to-deal-with-different-form-controls-in-angular-2

0 投票
3 回答
2049 浏览

angular - Angular 2 - ngModel 未从 datepicker 更新

我有一个绑定到模型中的值的输入。

我有一个用于填充此输入的日期选择器。当通过日期选择器选择一个值时,输入似乎不会更新模型,因为它没有在代码中触发更远的管道。

但是,如果我手动输入输入字段,那么 ngModel 似乎确实会更新,因为管道会触发以根据新值进行过滤。我已将“更改时”处理程序绑定到输入,该处理程序在键入或使用日期选择器时触发。

有没有办法手动触发 ngModel 更改事件,或者是否有其他人知道的更优雅的解决方案?

0 投票
1 回答
981 浏览

angular - 是否可以使用 2 单向数据绑定自定义 Angular 2:NgModel 数据流?

在 Angular 2 中,是否可以将 ngModel 用作某种形式:“2 单向数据绑定”?

我正在尝试从用户 LinkedIn 导入建议,然后将其与表单一起发布到另一个模型。

角度文档中指出:

在 [(ngModel)] 内部,我们可以通过单独绑定到输入元素的 value 属性和输入事件来实现相同的结果。

我想也许有一种方法可以将 ngModel 与 [value] 和 (input) 一起用作两个单独的数据流,这意味着导入是从用户模型进行的,然后发布到公司模型。

以下是我的代码片段:

例如,我以前的表单代码如下所示:( 没有任何导入或任何东西。我拥有的基础后请求工作得很好,一个新公司被提交到我的数据库。)

一些打字稿代码:

我在服务器上的节点应用程序在发出实际的 http 请求时崩溃,当然这可能根本不可能用 ngModel 实现,但我不知道,所以我从这里开始。换句话说...... ngModel 是否必须仅绑定到角度 2 中的一个模型,或者我可以根据我的需要对其进行自定义以导入数据并将此数据发送到另一个模型?我希望这是有道理的。

所以基本上我的问题是:使用 ngModel 进行这种数据绑定是一种平滑的方式,还是我可以这样做?

另外:从 LinkedIn 导入时,我能够从我的“用户”模型中获取正确的数据。