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

javascript - Angular2 ngModel 复选框未定义

如果有人知道如何解决这个问题,只是一个简单的问题,但我对复选框输入有一些问题。

它是通过以下方式配置的

每次我单击复选框时,我的模型的值都会变为未定义,并且(ngModelChange)会触发仅执行console.log. 设置已正确设置,我看到已选中的复选框。只有当我实际单击它时,我的模型的值才会变得未定义。

另一件需要注意的是,这个 Angular2 项目是作为 web worker 运行的。

有没有人有任何类似的问题并且知道如何解决这个问题?

这段 HTML 背后的组件是

0 投票
1 回答
7280 浏览

angular - Angular 2 ngModel change of select box not updating selected option

I may or may not have found a bug in Angular 2. Basically what I'm trying to do is create a list of selected items of options chosen from a select box and when an item is selected it creates a new empty select box below the previous one so the user can continuously add selected items.

So what I want to do is reset the bottom select box back to an empty value, however when I try to set the ngModel value back to 0 (or empty) it still keeps the bottom select box at the previously selected option.

https://plnkr.co/edit/PMzbgEtyd4DFhObu1UVz

The other odd thing is if I set entity.selected to say 'blue' instead of 0, then it will default the last select box to blue, but only on the first selection. Any selection after that it stays the same as the previous one.

https://plnkr.co/edit/Ze5uS1JjAmI7QXjQ17kQ

0 投票
1 回答
136 浏览

angular - ngModel 上的更改反映在其他浏览器 angular2 的相同 ngModel 上



我是 angular 2 的新手,并在其上创建了一个项目。我正在使用 npm 运行 Angular 2 应用程序。目前,我在 localhost 上使用 3000 端口托管应用程序。

我的项目中的问题是,当我在两个不同的浏览器上同时访问同一页面时,比如 crome 和 firefox。当我在一个浏览器上输入输入时,另一个浏览器也会在该输入上反映相同的文本。即使输入类型密码也反映相同。

我检查了控制台,它什么也没显示,在网上搜索,但没有找到任何接近这个问题的东西。请帮我知道:

为什么不同的浏览器会在相同的 ngModel 上反映相同的文本以及如何修复它?


下面我粘贴了 gif 图像来显示事情是如何出错的。 在此处输入图像描述

0 投票
1 回答
578 浏览

javascript - Angular:ng-model 作为数字

我有一个select我这样渲染的:

otherDoc.sub_categorynumber但是,选择将值转换为字符串。所以他们不匹配。

我如何告诉 angular 匹配模型的内容而不是类型?

0 投票
4 回答
68933 浏览

angular - Angular 2 - [(ngModel)] 在 [value] 更改后不更新

我正在设置计算其他两个 ngModel 的输入值,这似乎工作正常。但是如果我检查我的 ngModel,它根本不会改变。我来给你展示:

所以这里{{product.totalPrice}}显示了初始值,这很好。如果我手动更改该输入,更改将反映在表达式上,这也很好。但是该输入将是readonly并且将通过更改其他两个输入来设置。当我更改它们时,我看到输入上的值更新得很好,但标签中的表达式却没有。那里有什么问题?

这真的很奇怪,因为输入GETS UPDATED中的值,但不是表达式{{product.totalPrice}},我猜该值正在更新,因为其他字段是,但这些值更改从未真正命中ngModel

顺便说一句,我正在使用 Ionic 2

0 投票
3 回答
29140 浏览

javascript - 设置 ngModel 默认值 angular 2

角度 2 中的 ngModel 有问题。有一项任务是从组件类中的数组中输出几个输入。发现了使 ngModel 从 [name] 属性中获取其值而不在 [()] 中包含 ngModel 的可能性。我想知道是否有办法为这些输入提供默认值。

个人详细信息.component.ts :

这是我的模板:

尝试了其他几种方法来用 ngFor 列出它们,但没有成功。

0 投票
1 回答
983 浏览

angular - IOS chrome中的自动填充数据无效。使用 Angular2

我在 angular2 中使用模板驱动形式。开发的表单在桌面和安卓系统中运行良好,但是当我在 iphone 的 chrome 中自动填写表单时,表单无效。我也怀疑在表单标签中使用 novalidate 是否将自动完成设置为关闭?下面是我的代码。

有什么帮助吗?

0 投票
2 回答
973 浏览

angular - ngModel 的动态值

我可以以某种方式将功能作为价值ngModel吗?我想稍后为我的输入设置值(所以我希望,当我更改entity值时,要更新的模型),这就是为什么我想先检查它是否存在,因此是函数。我有以下,但它不工作:

0 投票
0 回答
4207 浏览

angular - ngModel 中的数字格式

你好!在这种情况下,有没有简单的方法来格式化数字?

现在它显示 1000 例如。目标是显示 1 000.00 我知道 ngModel 中不允许使用管道,所以

{{valami.价格 | 编号:3.2-2}}

不在这里工作。

第二个问题是如何更换千位分隔符?默认是','我想改成''。我应该在组件中编写一个转换函数,还是有什么简单的方法可以做到这一点?

谢谢

0 投票
2 回答
1642 浏览

javascript - 在输入字段中使用 ng-model 的角度为空

我知道如何使用ng-model. 在控制器中,它只是使用此代码从视图中获取值$scope.name = this.ngmodelnameinview

是否必须ng-model在视野范围内使用?

但我现在的问题是,我有+按钮,当我单击按钮时,它会自动将值放入输入文本字段中。

见下图:在此处输入图像描述

但是当我ng-model在输入字段中添加时,它会返回null

如何解决这个问题?谢谢!