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

angular - 如何在Angular 2中使用ngModel在多选中设置默认选定值

如何在多选中设置默认选定值。我从数据库获取current_optionsall_options从数据库中获取,我想再次更新current_options和发送新值做数据库。

更新数据库有效,但是当我刷新页面时,没有选择任何选项。

我的模板:

0 投票
1 回答
4516 浏览

angular - angular 4 材质显示带有 ngFor 和 ngModel 的 formArrayName

我正在尝试使用 Angular 4 react 表单显示一组电子邮件,并从我的输入中绑定一个数组,所以在组件中我写了这个:

我需要显示一个电话号码数组,并且我想使用 ngModel 使其字段可编辑。

我已经尝试了很多东西:一个带有 [formGroupName]="index" 和 formControlName="" 的 formArrayName 解决方案,但它没有用。还有一个带有 ngFor 解决方案的 ngModel,它需要一个唯一的名称。

0 投票
2 回答
119 浏览

angular - 带有数字数组的ngForm内的Angular ngModel

一段时间以来,我一直被困在一个问题上,我无法弄清楚为什么会发生这种情况。

我的组件中有一个values: number[] = [10,10]变量。当我在 keyDown 上修改第一个输入时,它有时会将我的光标移动到下一个输入,或者它会失去焦点。

这是一个示例 Plunker:https ://embed.plnkr.co/N4PO5CNvn0WJChgNIo59/

编辑:当两个值相同时,光标移动到下一个输入。示例:10, 10。如果我输入任何数字,焦点将转移到下一个输入。顺便说一句,我正在使用 Chrome 最新版本

0 投票
0 回答
474 浏览

angular - 大小写更改时,Angular2 ngSwitch 不会替换 html

我对 Angular2 还是很陌生,我遇到了 ngSwitch 指令的问题。由于某些我不明白的原因,似乎当我更改大小写时 - 更改选择中的值 - html 被附加到现有的而不是替换。

这是我的模板的一部分:

在我的组件中,我有这个属性用于初始化。

当我在 changeFunction 中创建控制台日志时,它会向我显示属性的新值,但 html 部分会附加到已经存在的部分。有人能帮助我吗?

0 投票
2 回答
2454 浏览

angular - Angular 测试和 ngModel

我正在使用 Angular 编写我的第一个组件测试,但我在使 ngModel 绑定工作时遇到了一些困难。这是我的测试模块定义:

这是我的测试用例:

我的组件类:

还有我的组件模板:

我正在更改测试中的用户名和密码字段的值,并且我希望我的班级的用户名和密码字段会相应更新。如果我在浏览器中手动测试一切正常,但不是在测试中。

有任何想法吗 ?

谢谢。

0 投票
1 回答
3006 浏览

javascript - 在输入上定义表单控件时,NgModel.viewToModelUpdate 不起作用

我想通过指令更改带有 onBlur 事件的输入的视图和模型数据。

我写了这个函数来更新视图和模型:

这很好用,但是当我想在输入上定义表单控件时,this.ngModel.viewToModelUpdate不会影响模型。

表单组代码:

它看到忽略此函数并将模型设置为字符串。如何将模型更新为数字?

0 投票
2 回答
433 浏览

angular - Angular 4 表单输入正在重置

我有一个正在生成的表单,如下所示:

当我添加另一行输入时:

显示新的输入字段,但前一个输入字段行被清空,但该行的值仍然设置为这样(考虑到我添加了 hoeveelheid = 50 和 voedingtijd= 12:30):

为什么我的输入字段在值仍然设置时被清空?

编辑:

newSegment() 代码(只创建一个空模型实例):

使用的型号dag1

0 投票
1 回答
4892 浏览

javascript - Angular 4 Select 不更新 ngModel 更改

我试图在选择新值后做到这一点,我调用 eventChange() 函数并将所选值恢复为默认值。但是会发生什么:ngModel 值更新,但选定的值保持不变。我应该怎么做选择的值和 ngModel 的值是一样的?

HTML 文件

来自组件文件的功能

评论:在运行网页时(刷新)选择的第一个值设置正确,如果在组件文件中我将变量selectedValue设置为其他索引,则选择其他值,但它仅适用于运行,但不适用于功能)

我还发现了这个问题Angularjs: select not updates when ng-model is updated 但是这里是 AngularJS 的答案,用于使用 ng-options,而不是 ng-repeat,在 Angular 4 中我发现只有 *ngFor...

更新:澄清以防万一:正在调用函数,但我想通过javascript更改选定的选项。我通过更改 ngModel 值来尝试此操作,但即使 ngModel 值被更改,所选选项也不会改变。

0 投票
1 回答
1075 浏览

select - Angular5 中的下拉选择 - 使用 NgModel 绑定对象不会更新选择值

这是示例代码,只是为了解释我如何在我的项目中使用它。在我的情况下,dataList 数组来自 API,下拉列表底部显示一个网格,该网格根据下拉列表的选定数据进行更新。当在下拉列表中选择第一个数据以外的数据并且我再次调用 dataList 的 API 以刷新列表时,我需要在下拉列表中选择 prevoius 选项,但它会重置为第一个选项。

而且我必须将对象与 ngModel Select 绑定。即使我尝试使用 ngModelChange, event.target.value 但对我没有任何帮助。我在控制台中获得了正确的数据值,但选择没有得到更新。

0 投票
2 回答
2088 浏览

angular - Angular 5以编辑形式从数据库中填充选定的选项

我能够列出并添加选择选项,如下所示:

现在在我的编辑表单中,我想显示数据库中的选定选项。不确定