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

javascript - javascript 强制更新输入框上的 ng-model 值

重量与 绑定ng-model。通过使用ng-model-options="{updateOn:'submit'}",该ng-model值仅在单击提交按钮后更新。
当用户修改输入中的值并单击丢弃时,我想将输入框中的值重置为当前的 ng-model 值。
我正在通过拥有一个ng-click="resetValue()"

但是当变量相同时,赋值不起作用。可能是因为它是通过引用分配的。
输入框中的值没有改变。有没有人知道如何强制ng-model输入框更新值?

这是一个演示:http ://plnkr.co/edit/NQTieUmdEbxZeBsjk8Jw?%2F=preview&p=preview

0 投票
0 回答
327 浏览

javascript - AngularJS:复选框 ngModel 未检查

ngModel 似乎有问题。

我正在尝试获取选定的复选框 ID,但它没有保存,因为 ngModel 没有更改它们的选中属性。

这些只是部分代码片段。当我将选中的值之一变为 true 时,ID 保存到复选框数组中(单击按钮时会运行 addCustom 函数)。

我该如何解决这个问题,以便我可以获得选中的复选框?

0 投票
1 回答
991 浏览

angular - Angular2 ngModel 双向绑定不起作用

我想通过 将ngFor循环内的模型绑定到输入字段ngModel,但是如果我将另一个项目添加到列表中,则模型的值将在模型中可见,但在视图中不可见。

如果我bar在视图中输入model | json会显示{ 'foo': 'bar' },现在如果我向列表中添加另一个元素model | json仍然会显示{ 'foo': 'bar' },但在输入字段中什么都看不到。

我的models变量来自BehaviorSubject

其中包含一个列表Model


[(ngModel)]="model.foo" name="foo"现在,如果我交换[value]="model.foo" (input)="model.foo = $event.target.value"

视图得到正确更新。

问题

有什么我忽略的东西为什么[(ngModel)]不起作用?

并且不应该[(ngModel)]也生成类似于上面提到的东西(参见Angular 2 中的双向数据绑定)?

0 投票
2 回答
6805 浏览

angular - formControl 和 ngModel

我在角度上有以下代码

这是我的CSS

在这条线上

问题是,当检查复选框时,包含复选框的数组元素的背景颜色变为我想要的绿色,但没有考虑到 formControlName“已选中”,当我删除时,[(ngModel)]="student.checked"我不再有背景颜色更改行为但是formControlName“已检查”有效

实际行为,我用一个导入的学生构建我的数组,属性检查为真,该框未选中,但当我选中它时,背景变为绿色

想要的行为:我用一个导入的学生构建我的数组,该学生的属性检查为真,该框被选中,当我取消选中它时,绿色背景消失(我的 ngModel[(ngModel)]="student.checked"与 formControlName “选中”绑定)

0 投票
1 回答
646 浏览

angular - 双向数据绑定中 ngModel 的事件列表

在双向数据绑定中使用ngModel

实际上是

所以在内部将事件ngModel映射到(input)<input>this.name

我在哪里可以找到有关 ngModel 为其他元素(例如<p>等)生成的事件的信息?

我想增加点击<p>时的字体<p>。我可以不做,ngModel但不能做ngModel

没有ngModel

但我做不到

我猜对于<p>,要么ngModel不做任何事情,要么不生成(click)事件

0 投票
6 回答
17509 浏览

angular - Angular 4,如何以 1 秒的延迟更新 [(ngModel)]

由于 ngModel 正在立即更新如何延迟。

我需要通过调用 update_fields() 将 task_name 保存一秒钟,以避免即时调用服务。

谢谢

0 投票
8 回答
42694 浏览

angular - ngModel 在 Angular4 中不起作用

我正在从官方网站学习 Angular 4,并通过ngModel进行了2 路数据绑定。但是,一旦我将 [(ngModel)] 添加到我的组件模板中,我的应用程序就会停止工作,即使 FormsModule 已导入到 module.ts 文件中。组件不加载。
我正在使用 Visual Studio 代码。
这是我的 app.component.ts

这是 app.module.ts

AppComponent 未加载,仅显示

正在加载...

0 投票
1 回答
10070 浏览

angular - 选择标签中的 ngModel - 在 ngFor 内

此示例中的 ngModel 正在杀死我的浏览器。任何想法如何获得每个表格单元格 ng-model?(我尝试使用(更改),它有效 - 但更改了所选值)

0 投票
1 回答
1915 浏览

angular - 如何编辑[(ngModel)]显示的值?

我收到一个值,我在文本字段中向用户显示。

这个想法是让他能够编辑此值,然后将其发回。

在货币的情况下,假设我以美分存储金额,但我想以美元显示。这是我拥有的代码的一个想法,它显示了我收到的值:

我试过这个没有成功:

如何显示该值除以 100 ?

0 投票
0 回答
523 浏览

angular - 如何从Angular 4中选择选项的每个实例中检测选定元素?

我有多个使用 *ngFor, [(ngModel)] 动态创建的模板小部件。现在,这些模板中的每一个都包含一个选择选项列表。

问题是:

如果我从 Template#1 中选择 option#1,其他模板也会得到 option#1。如果我在其他模板中更改选项#2,比如模板#4,所有模板都会获得相同的选项#2。

我试图像这样消除这个问题:

一世)

并且,

ii)[(ngModel)] = "selectedOption[$index]"

但在这两种情况下,我都无法识别 myFunc 函数中单个模板的“selectedOption”。

dashboardConfig.component.html ###

这部分要选号。小部件

这部分用于创建小部件

dashboardConfig.component.ts ###

ArrayMaker() 这部分创建一个选定数字的数组,不详述

所以问题发生在 [(ngModel)] = "selectedOption".

1)如何为每个小部件选择单独的选项?例如对于小部件 #1 -> 选项 #2;小部件 #2 -> 选项 #5 等。

"selectedOption"2)如何通过假设我们有一个小部件的json文件和相应的选项来显示每个小部件的预选 选项?