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

select - 如何从 select 中获取选定的选项并将其分配给 select ngModel

我有以下select菜单:

我会为选择菜单分配一个模型,所以我按以下方式编辑了代码(我在这里看到):

ngModelChange它上面触发组件中的以下方法:

因为我必须添加几个菜单,所以我会重复使用代码,所以我不想为每个 html 菜单创建多个方法,比如onSelectedSecondMenu,onSelectedThirdMenu等等。所以我只想ngModel为每个菜单(myForm.secondMenu等等myForm.thirdMenu)使用不同的选项来获得选定的选项。Angular2有可能吗?

0 投票
2 回答
8380 浏览

angular - Angular2中的错误处理程序

我有一个关于新类 ErrorHandler 的问题(包含在 RC.6 中)。

我从官方文档中做了示例: https ://angular.io/docs/ts/latest/api/core/index/ErrorHandler-class.html

在我编辑了我的 app.module 文件之后

现在 MyErrorHandler 捕获错误:

但它不会捕获 http 错误,例如:“GET http://example.com/rest/user 401 (Unauthorized)”。谁能给我解释一下?

提前致谢!

0 投票
1 回答
28168 浏览

angular - 绑定文本区域中的值

我正在尝试在 Angular2 中进行最简单的两种方式绑定。我想在我的组件和它的模板之间共享一个变量。

我的模板是:

我的组件是:

根据文档,这应该可以,但我得到:

0 投票
7 回答
206649 浏览

angular - 在 Angular 的 INPUT 元素上使用 ngModel 中的管道

我有一个 HTML INPUT 字段。

我想格式化它的值并使用现有的管道:

并得到错误信息:

动作表达式中不能有管道

在这种情况下如何使用管道?

0 投票
2 回答
2405 浏览

javascript - 第三个属性级别中的 Angular2 ngModel 绑定未定义

我的表单上发生了一件奇怪的事情,或者我做的不对,让我通过展示我的代码来向你解释。

我在我的组件中定义了一个表单对象

每行都有一个带有数据的按钮,当您单击它时,它会打开一个模态寡妇,并将项目作为参数传递。

这是触发并打开模式窗口的方法,但也将项目对象分配给上面的表单对象:

通过像这样打印出来,可以在视图上使用 item 对象:

模态窗口包含一个表单,用户将在其中编辑项目,所以基本上输入表单字段应该填充项目属性值,但由于某种原因,第三级未定义,我不明白为什么,让我给你看一个截图第二级

在此处输入图像描述

第三级未定义:

在此处输入图像描述

此问题仅发生在第三级“object.object.property”。我只显示一个输入字段,但表单包含超过 8 个字段,它们都有相同的问题。

不确定我在这里缺少什么,但从逻辑上讲它应该可以工作。你有没有看到这个问题在这里和那里发生或经历过你自己?

先感谢您。

0 投票
1 回答
319 浏览

angular - angular2 - ngModel 不适用于标签(ng2-bootstrap,paper-kit)

对我来说,[(ngModel)]="foo"不适用于用于重新设置默认 HTML5 表单控件样式的标签,更准确地说是单选按钮。目标是使用这些来更改值,例如使用默认输入无线电。我目前使用 ng2-bootstrap,但也尝试了 paper-kit(http://www.creative-tim.com/live/paper-kit)。

当使用 ng2-bootstrap 的记录用法时(https://valor-software.com/ng2-bootstrap/#/buttons

我收到此错误:

这可以使用ngDefaultControl标签中的属性来修复,但仍然[(ngModel)]会被忽略且不会传播。同样的问题也发生在 paper-kit 的使用上。

它适用于普通单选按钮,没有任何问题。

0 投票
1 回答
219 浏览

angular - Angular 2 NgModel 与输入和事件

我可以使用NgModel进行组件交互还是只使用输入事件

NgModel应该只在表单中使用?

0 投票
1 回答
454 浏览

angular - 使用 Google Places Autocomplete API 时 textBox 的 ngModel 的值不正确

我想将 Google Places Autocomplete API 与 textField 一起使用,以便在我输入内容时可以看到城市建议。我的 textField 使用 ngModel 绑定到变量“searchFieldValue”。如果我在文本框中键入内容,此变量将保持正确的值。但是,如果我开始输入,然后从 Google 自动完成中选择某些内容,“searchFieldValue”将不会更新为所选内容 - 它只包含我输入的部分。示例:我输入:“Washi”然后我选择“华盛顿,美国”来自提议的城市,由 Google API 提供。虽然在文本字段中有“美国华盛顿”,但我的变量“searchFieldValue”只有“Washi”。我希望这个变量包含与文本字段中相同的数据,即“美国华盛顿”。

我怎么做?

这是我的组件:

0 投票
1 回答
403 浏览

select - Angular2 ngModel 未定义标签

我正在使用 Angular2 和 Semantic-UI 的分叉版本(包括日历模块)。我正在使用calendardropdown功能:

这是我的 Plunker

如您所见,我无法从日历选择中获取输入。

我不明白可能是什么故障。你能弄清楚可能是什么问题吗?

0 投票
1 回答
4205 浏览

angular - 使用没有名称属性的 Angular ngmodel

我只是在阅读和学习 Angular2 教程。这里它说“在将 [(ngModel)] 与表单结合使用时,需要定义名称属性。” 但是,在本教程中,这里使用的是没有 name 属性的 ngmodel 。

你能解释一下为什么这是有效的吗?请注意:我是 Angular 和 UI 的新手